内部的小页面，用层制作，随机变色

</p> <p><title>www.jb51.net 随即<a href="https://www.kunjuke.com/tag/3997/" title="变色" target="_blank">变色</a></title> </p> <p><!--<br /> //可以打包为js文件;<br /> var x0=0,y0=0,x1=0,y1=0;<br /> var offx=6,offy=6;<br /> var moveable=false;<br /> var hover='orange', normal//color; </p> <p>var index=0;//z-index;<br /> //开始拖动;<br /> function startdrag(obj)<br /> {<br /> if(event.button==1)<br /> {<br /> //锁定标题栏;<br /> obj.setcapture();<br /> //定义对象;<br /> var win = obj.parentnode;<br /> var sha = win.nextsibling;<br /> //记录鼠标和层位置;<br /> x0 = event.clientx;<br /> y0 = event.clienty;<br /> x1 = parseint(win.style.left);<br /> y1 = parseint(win.style.top);<br /> //记录颜色;<br /> normal = obj.style.backgroundcolor;<br /> //改变风格;<br /> obj.style.backgroundcolor = hover;<br /> win.style.bordercolor = hover;<br /> obj.nextsibling.style.color = hover;<br /> sha.style.left = x1 + offx;<br /> sha.style.top = y1 + offy;<br /> moveable = true;<br /> }<br /> }<br /> //拖动;<br /> function drag(obj)<br /> {<br /> if(moveable)<br /> {<br /> var win = obj.parentnode;<br /> var sha = win.nextsibling;<br /> win.style.left = x1 + event.clientx - x0;<br /> win.style.top = y1 + event.clienty - y0;<br /> sha.style.left = parseint(win.style.left) + offx;<br /> sha.style.top = parseint(win.style.top) + offy;<br /> }<br /> }<br /> //停止拖动;<br /> function stopdrag(obj)<br /> {<br /> if(moveable)<br /> {<br /> var win = obj.parentnode;<br /> var sha = win.nextsibling;<br /> var msg = obj.nextsibling;<br /> win.style.bordercolor = normal;<br /> obj.style.backgroundcolor = normal;<br /> msg.style.color = normal;<br /> sha.style.left = obj.parentnode.style.left;<br /> sha.style.top = obj.parentnode.style.top;<br /> obj.releasecapture();<br /> moveable = false;<br /> }<br /> }<br /> //获得焦点;<br /> function getfocus(obj)<br /> {<br /> if(obj.style.zindex!=index)<br /> {<br /> index = index + 2;<br /> var idx = index;<br /> obj.style.zindex=idx;<br /> obj.nextsibling.style.zindex=idx-1;<br /> }<br /> }<br /> //最小化;<br /> function min(obj)<br /> {<br /> var win = obj.parentnode.parentnode;<br /> var sha = win.nextsibling;<br /> var tit = obj.parentnode;<br /> var msg = tit.nextsibling;<br /> var flg = msg.style.display=="none";<br /> if(flg)<br /> {<br /> win.style.height = parseint(msg.style.height) + parseint(tit.style.height) + 2*2;<br /> sha.style.height = win.style.height;<br /> msg.style.display = "block";<br /> obj.innerhtml = "0";<br /> }<br /> else<br /> {<br /> win.style.height = parseint(tit.style.height) + 2*2;<br /> sha.style.height = win.style.height;<br /> obj.innerhtml = "2";<br /> msg.style.display = "none";<br /> }<br /> }<br /> //创建一个对象;<br /> function xwin(id,w,h,l,t,tit,msg)<br /> {<br /> index = index+2;<br /> this.id = id;<br /> this.width = w;<br /> this.height = h;<br /> this.left = l;<br /> this.top = t;<br /> this.zindex = index;<br /> this.title = tit;<br /> this.message = msg; </p> <p>this.obj = null;<br /> this.bulid = bulid;<br /> this.bulid();<br /> }<br /> //初始化;<br /> function bulid()<br /> {<br /> var str = ""<br /> + ""<br /> + ""<br /> + "<span style='padding-left:3px'>" + this.title + "</span>"<br /> + "<span style='width:12;border-width:0px;color:white;font-family:webdings'>0</span>"<br /> + "<span style='width:12;border-width:0px;color:white;font-family:webdings'>r</span>"<br /> + ""<br /> + "" + this.message + ""<br /> + ""<br /> + "";<br /> document.body.insertadjacenthtml("beforeend",str);<br /> }<br /> //显示隐藏窗口<br /> function showhide(id,dis){<br /> var bdisplay = (dis==null)?((document.getelementbyid("xmsg"+id).style.display=="")?"none":""):dis<br /> document.getelementbyid("xmsg"+id).style.display = bdisplay;<br /> document.getelementbyid("xmsg"+id+"bg").style.display = bdisplay;<br /> }<br /> //--> </p> <p><!--<br /> function initialize()<br /> {<br /> var aa=200;<br /> var bb=150;<br /> for (var i = 1; i </p> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]