js簡単divドラッグ機能の実例を実現します.

1697 ワード

本論文の実例は、jsが簡単なdivドラッグ機能を実現する方法を述べている.皆さんの参考にしてください.具体的な実現方法は以下の通りです. div <!-- function drag(obj) { if (typeof obj == "string") { var obj = document.getElementById(obj); obj.orig_index=obj.style.zIndex; // } obj.onmousedown=function (a){ // this.style.cursor="move"; // this.style.zIndex=1000; var d=document; if(!a) a=window.event; // var x=a.clientX-document.body.scrollLeft-obj.offsetLeft; //x= x - - var y=a.clientY-document.body.scrollTop-obj.offsetTop; //y= y - - d.onmousemove=function(a){// if(!a) a=window.event;// obj.style.left=a.clientX+document.body.scrollLeft-x; obj.style.top=a.clientY+document.body.scrollTop-y; } d.onmouseup=function (){// document.onmousemove=null; document.onmouseup = null; obj.style.cursor="normal";// obj.style.zIndex=obj.orig_index; } } } -->
 
<!-- drag("div1"); drag("div2"); --> 本論文で述べたように、皆さんのjavascriptプログラムの設計に役に立ちます.