css和javascript实现拖动效果-网站制作-编程文档-人才家园--中国人才库
您所在的位置：中国人才库--人才家园--编程文档--网站制作
css和javascript实现拖动效果
来源： 编辑：duliying 更新日期：2008-4-26 15:35:46 浏览：653 次
不知道大家进163的邮件有没有发现上面的邮件是可以拖动的，本想看看它的原码是如果实现，但由于本人水平太次，不能找到其中的原码，后面通过网上找到一些代码，修改了些基本上能实现此种效果，html代码如下：
<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>
<script >
<!--
var dragapproved=false
var z,x,y
var xx,yy function move(){
if ( z==null){ ; return}
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function moveto(){
z.style.pixelLeft= xx
z.style.pixelTop= yy
z=null
}
 
function drags(){
 
if (!document.all)return
if (event.srcElement.className=="drag"){
 
dragapproved=true
z=event.srcElement
if ( z==null){  return}
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
xx=z.style.pixelLeft
yy=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move }
 
} function drags1(){
if ( z==null){ ; return}
if (z.className=="drag"){
//z=event.srcElement
//alert(z.type);
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
moveto()
} }
document.
　第1页/总3页　 第一页 上一页 下一页　最后一页     【发表评论】
昵   称：  (不填写则显示为匿名)
标   题：
内   容：
 
免责声明：网友对此资源信息的评论仅代表个人观点，中国人才库有权删除违乱评论信息！
石家庄广通印刷学校