热门源码
|
热门软件
|
高级搜索
|
网站地图
|
文章
·
软件投稿
免费收录你的网站,现在加入广捷居!
庆祝Admin5·站长网广告联盟开通,抢先注册中.
CSS代码在线格式化、美化工具
首页
站长资讯
源码下载
素材图库
脚本特效
电子书籍
专题
开源者社区
智能模糊搜索
资源名称检索
本站推荐
:
共享世纪推荐的2010·互联网建站品牌CMS
Windows/Linux高性能主机
2G 155元,3G 198元,5G 300元,欢迎联系本站站长选购!
代码最精简的可拖曳层
脚本类别:
页面布局
添加时间:
2009-01-09
查看次数:
作者:
admin
脚本代码
<!--CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt--> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta content="myhhe.cn" name="Design Corp" /> <meta content="hayden" name="Designer" /> <meta content="QQ:3996992" name="Designer mail" /> <meta content="hayden" name="robots" /> <meta content="" name="Keywords" /> <meta content="" name="Description" /><script language="JavaScript" type="text/javascript"> var drag_=false var D=new Function('obj','return document.getElementById(obj);') var oevent=new Function('e','if (!e) e = window.event;return e') function Move_obj(obj){ var x,y; D(obj).onmousedown=function(e){ drag_=true; with(this){ style.position="absolute";var temp1=offsetLeft;var temp2=offsetTop; x=oevent(e).clientX;y=oevent(e).clientY; document.onmousemove=function(e){ if(!drag_)return false; with(this){ style.left=temp1+oevent(e).clientX-x+"px"; style.top=temp2+oevent(e).clientY-y+"px"; } } } document.onmouseup=new Function("drag_=false"); } } </script> <div id="test" onmouseover="Move_obj("test")" style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; WIDTH: 200px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 100px; BACKGROUND-COLOR: #0099cc">这个是可以拖动的层 <a href="http://www.2ky.cn">共享世纪</a></div>
loading...
当前页面所处路径为
共享世纪
/
脚本特效
/
页面布局
/ ,本特效的Tag为:
共享世纪
测试ie ff op均正常!
会员登陆
close X
用户名
密 码
验证码