【网页特效代码-状态特效】超级漂亮的可拖动窗口.docVIP

【网页特效代码-状态特效】超级漂亮的可拖动窗口.txt19“明”可理解成两个月亮坐在天空，相互关怀，相互照亮，缺一不可，那源源不断的光芒是连接彼此的纽带和桥梁！人间的长旅充满了多少凄冷 孤苦，没有朋友的人是生活的黑暗中的人，没有朋友的人是真正的孤儿。 html head titlea class=channel_keylink href=/teixiao/Index.html target=_blank网页特效/a-窗口特效-超级漂亮的可拖动窗口/title meta http-equiv=content-type content=text/html;charset=gb2312 !--把下面代码加到head与/head之间-- style type=text/css !-- a:visited{text-decoration:none;color:slategray;} a:hover{text-decoration:underline;color:slategray;} a:link{text-decoration:none;color:slategray;} -- /style /head body !--把下面代码加到body与/body之间-- script language=javascript !-- //可以打包为js文件; var x0=0,y0=0,x1=0,y1=0; var offx=6,offy=6; var moveable=false; var hover=orange,normal=slategray;//color; var index=10000;//z-index; //开始拖动; function startDrag(obj) { if(event.button==1) { //锁定标题栏; obj.setCapture(); //定义对象; var win = obj.parentNode; var sha = win.nextSibling; //记录鼠标和层位置; x0 = event.clientX; y0 = event.clientY; x1 = parseInt(win.style.left); y1 = parseInt(win.style.top); //记录颜色; normal = obj.style.backgroundColor; //改变风格; obj.style.backgroundColor = hover; win.style.borderColor = hover; obj.nextSibling.style.color = hover; sha.style.left = x1 + offx; sha.style.top = y1 + offy; moveable = true; } } //拖动; function drag(obj) { if(moveable) { var win = obj.parentNode; var sha = win.nextSibling; win.style.left = x1 + event.clientX - x0; win.style.top = y1 + event.clientY - y0; sha.style.left = parseInt(win.style.left) + offx; sha.style.top = parseInt(win.style.top) + offy; } } //停止拖动; function stopDrag(obj) { if(moveable) { var win = obj.parentNode; var sha = win.nextSibling; var msg = obj.nextSibling; win.style.borderColor = normal; obj.style.backgroundColor = normal; msg.style.color = normal; sha.style.left = obj.parentNode.style.left; sha.style.top = obj.parentNode.style.top; obj.releaseCapture(); moveable = false; } } //获得焦点; function getFocus(obj) { if(obj.style.zIndex!=index)