This article describes the effect of implementing the DV on the page by js. Share it for your reference, as follows:
<style type="text/css">body { margin: 0px;}#div1 { display: none; position: absolute; z-index: 1000; height: 100%; width: 100%; background: #000000; filter:Alpha(opacity=30);}#div2 { display: none; position: absolute; height: 100%; width: 100%; padding-top: 10%; z-index: 1001;}#div3 { display: block; position: absolute; z-index: 999;}</style><script type="text/javascript">//Define the moving object and the moving coordinates var Mouse_Obj="none",_x,_y;//Drag object function (automatic) document.onmousemove=function(){ if(Mouse_Obj!=="none") { document.getElementById(Mouse_Obj).style.left=_x+event.x; document.getElementById(Mouse_Obj).style.top=_y+event.y; event.returnValue=false; }}//Stop dragging function (automatically) document.onmouseup=function(){ Mouse_Obj="none";}//Determine that the dragged object function o is the dragged object function m(o){ Mouse_Obj=o; _x=parseInt(document.getElementById(Mouse_Obj).style.left)-event.x; _y=parseInt(document.getElementById(Mouse_Obj).style.top)-event.y;}</script><div id="div1"></div><div id="div2" onmousedown="m(this.id)" style="left: 0px;top: 0px;"><table cellpadding="3" cellpacing="1" style="background: #ff7300;position:static;filter:progid:DXImageTransform.Microsoft.DropShadow(color=#666666,offX=4,offY=4,positives=true)" align="left"> <tr style="cursor: move;"> <td><font color="#FFFFF">Warm reminder: </font></td> <td align="right"><input type="button" value="x"onClick="document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='none';" style="cursor: hand;"></td> </tr> <td colspan="2" bgcolor="#FFFFFF"align="middle">Welcome to <a href="//www.VeVB.COM">//www.VeVB.COM</a></td> </tr></table></div><div id="div3"><input type="button" value="Open layer"onClick="document.getElementById('div1').style.display='block';document.getElementById('div2').style.display='block';"></div>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of JavaScript traversal algorithms and techniques", and "Summary of JavaScript mathematical operations usage"
I hope this article will be helpful to everyone's JavaScript programming.