首页
微信
安卓
接口
移动
前端
专题
文档库
工具
网址
§
ITPOW
>>
文档
>>
JavaScript
>>
鼠标键盘
使层可以被拖动
作者: 来源: 日期:2004-10-8
<script Language="JavaScript"> var drag=false,offsetX=0,offsetY=0; function beforDrag(divid) { offsetX=document.body.scrollLeft+event.clientX-divid.style.pixelLeft; offsetY=document.body.scrollTop+event.clientY-divid.style.pixelTop; drag=true; } function Drag(divid) { if(!drag) return; divid.style.pixelLeft=document.body.scrollLeft+event.clientX-offsetX; divid.style.pixelTop=document.body.scrollTop+event.clientY-offsetY; } function endDrag(divid) { drag=false; } </script> <div id="img1" style="position: absolute; top: 40; left: 20; cursor: move; width: 78; height: 67" onMouseDown="beforDrag(img1)" onMouseMove="Drag(img1)" onMouseUp="endDrag(img1)" onMouseOut="endDrag(img1)"> <table width="95" height="65" bordercolorlight="#000000" border="1" bordercolordark="#FFFFFF" cellspacing="0" cellpadding="0"> <tr> <td width="87" height="61" bgcolor="#C0C0C0"> 拖动这个框 </td> </tr> </table> </div>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
相关文章
创建于2005年
渝ICP备05010272号-1
电邮:
cftea@126.com
即将跳转...