程序博客网 > windows 性能指数

很好玩的js -- 可以拖动

来源：互联网发布：windows 性能指数编辑：程序博客网时间：2024/04/29 06:22

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="description"
content="Click here for a script that helps enable drag and drop on any image in the page!" />
<meta name="keywords" content="DHTML, drag and drop script, JavaScript, free" />
<title>Dynamic Drive DHTML Script- Dragable elements Script</title>

<style type="text/css">
.drag{
position:relative;
cursor:pointer;
z-index: 100;
}
</style>
<script type="text/javascript">
var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}
dragobject.initialize()
</script>
</head>
<body>
<h1><b class="drag">用鼠标拖动DIV或图象(image)的JS源码</b></h1>
</body>
</html>

windows 性能指数

windows 性能指数

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子侦查终结的法律条款侦查阶段律师的权利技术侦查手段经济侦查专业侦探所北京侦探公司侦探公司的收费标准上海侦探金麦侦探社北京侦探天津侦探河南侦探个人侦探网络侦探侦查员西南政法大学侦查学华东政法大学侦查学公安立案后的侦查期限检察院14种罪名侦查权移动侦测侦测到在途的聚变打击卡槽1未侦测到sim卡捷渡d600 移动侦测侧脸侧侧入体无锡高架侧翻原因无锡高架侧翻星际奶爸袖侧顺产侧切侧方位停车技巧图解侧方停车侧组词袖侧星际奶爸侧吸式烟灶套装侧翻高架曾评为优良袖侧作品侧方位停车技巧旁敲侧击侧方位停车侧方停车技巧图解