文字的拖动效果_文本链接特效

模板酷站
  •       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>