广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    JS实现动态移动层及拖动浮层关闭的方法

    2018-04-09 07:42:12 次阅读 稿源:互联网
    零七广告

    本文实例讲述了JS实现动态移动层及拖动浮层关闭的方法。分享给大家供大家参考。具体实现方法如下:

    <html><head><title>动态移动的层</title><body bgcolor="#ADBAC9"><div id="div1" class="yellow" style="VISIBILITY:visible ; background-color:#FFFF00; position: absolute; top: 60; left: 200;width: 360; height: 250;filter: revealTrans(transition=12, 'duration=0.1) blendTrans(duration=0.1) "><div id=title onmousedown=DIVDown("div1") style="background-color:#30608F;padding:2px; font-size:13px;text-indent:5;color:#FFFFFF;cursor:move">标题</div><img id=close onclick=Hide(div1)style="position: absolute; right: 2; top: 2" border="0"src="close.gif" width="15" height="15"></div><script language="JavaScript">var Obj="none";var pXvar pYdocument.onmousemove=DIVMove;document.onmouseup=DIVUp;function DIVDown(tag){Obj=tag;pX=parseInt(document.all(Obj).style.left)-event.x;pY=parseInt(document.all(Obj).style.top)-event.y;}function DIVMove(){if(Obj!="none"){document.all(Obj).style.left=pX+event.x;document.all(Obj).style.top=pY+event.y;event.returnValue=false;}}function DIVUp(){Obj="none";}function Hide(divid){divid.filters.revealTrans.apply();divid.style.visibility = "hidden";divid.filters.revealTrans.play();}</script></body></html>

    希望本文所述对大家的javascript程序设计有所帮助。

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告