非常简洁窗口拖动js代码

作者:sky 点击:441 评论:1 发布时间:周三, 11/30/2011 - 14:32 所属分类:窗口特效

超实用窗口拖动js代码，有两种格式，只有两行代码，简洁实用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效网" /> <meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。以质量为核心，以实用为目的,全力打造一流网页特效站" /> <title>站长特效非常简洁窗口拖动js代码站长特效网</title> </head> <body> <a href="http://www.zzjs.net/">站长特效网</a>，以质量为核心，以实用为目的，打造一流网页特效站！zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <div id="wwwzzjsnet" style="width:100px;height:100px;position:absolute;background-color:silver;">站长特效网，以质量为核心，以实用为目的，欢迎收藏本站！</div> <script type="text/javascript"> //IE Only function dragable(o){d=document;s=o.style;p='onmousemove';o.onmousedown=function(){x=event.x-o.offsetLeft;y=event.y-o.offsetTop;d[p]=function(){s.left=event.x-x;s.top=event.y-y};d.onmouseup=function(){d[p]=null}}} dragable(wwwzzjsnet); /* //For IE and Opera zzsj.net function dragable(id){var d=document,o=d.getElementById(id),s=o.style,x,y,p='onmousemove';o.onmousedown=function(e){e=e||event;x=e.clientX-o.offsetLeft;y=e.clientY-o.offsetTop;d[p]=function(e){e=e||event;s.left=e.clientX-x+'px';s.top=e.clientY-y+'px'};d.onmouseup=function(){d[p]=null}}} dragable(wwwzzjsnet); */ </script> </body> </html>

提示：你可以先修改部分代码再运行。

顶一下

(4)

50%

踩一下

(4)

50%

标签: