- 4/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!
一段用JavaScript控制文字拖动的代码,和层拖动不同的是,层拖动主要是用JS控制DIV标签,其实控制哪个标签不是重要的,关键是JS代码的实现,本例中被拖动的是FONT标签,原来拖动也可以这样用?
<html> <head> <title>文字拖动</title> <style> .drag{position:relative;cursor:hand} </style> <script language="JavaScript"> var dragapproved=false var z,x,y function move(){ if (event.button==1&&dragapproved){ z.style.pixelLeft=temp1+event.clientX-x z.style.pixelTop=temp2+event.clientY-y return false}} function drags(){ if (!document.all) return if (event.srcElement.className=="drag"){ dragapproved=true z=event.srcElement temp1=z.style.pixelLeft temp2=z.style.pixelTop x=event.clientX y=event.clientY document.onmousemove=move}} document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") </script> </head> <body> <font class="drag">模板无忧(mb5u.com)提供有质量源码下载。鼠标放这里拖动一下?</font> </body> </html>