Chinaunix首页 | 论坛 | 博客

acc

首页　| 　博文目录　| 　关于我

wlcacc

  • 博客访问： 807325
  • 博文数量： 170
  • 博客积分： 7011
  • 博客等级： 少将
  • 技术积分： 1660
  • 用 户 组： 普通用户
  • 注册时间： 2006-07-31 12:02
文章分类

全部博文（170）

文章存档

2014年（7）

2010年（2）

2009年（62）

2008年（25）

2007年（67）

2006年（7）

我的朋友
最近访客
推荐博文
相关博文
可拖动的层

分类： 系统运维

2009-08-24 17:18:11

<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>
<link rel="stylesheet" type="text/css" href="../ddincludes/mainstyle.css" />
<style type="text/css">

.drag{
position:relative;
cursor:pointer;
z-index: 100;
}

</style>

<script type="text/javascript">

/***********************************************
* Drag and Drop Script: ?Dynamic Drive ()
* This notice MUST stay intact for legal use
* Visit / for this script and 100s more.
***********************************************/

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">这是可拖动的层!></h1>
<img src="" class="drag"><br>
</body>

</html>

阅读(469) | 评论(0) | 转发(0) |
0

上一篇：漂亮的仿flash菜单

下一篇：Java面试题：第一锦

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6