CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程 - CSS中国

一款可以拖动层的JS 代码，

运行代码看效果：

超简单js可拖动层代码 <div onmousedown_fckprotectedatt="%20onmousedown%3D%22Drag(this%2C%20event)%22" style="position:absolute;border:1px solid red;background:pink;width:400px;height:300px;">拖动我看看， CSS教程---www.csschina.net </div> <script> function Drag(o, e){ var e = window.event || e; var _x = e.offsetX || e.layerX; var _y = e.offsetY || e.layerY; document.onmousemove = function(e){ o.style.filter = 'Alpha(opacity=70)'; o.style.opacity = '0.7'; var e = window.event || e; o.style.left = e.clientX - _x + 'px'; o.style.top = e.clientY - _y + 'px'; } document.onmouseup = function(e){ document.onmousemove = null; o.style.filter = o.style.opacity = ''; } } </script>

运行代码复制代码另存代码收藏本页 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

来源CSS教程 www.csschina.net