Maison >interface Web >js tutoriel >javascript最短的拖动代码[兼容FF]_javascript技巧

javascript最短的拖动代码[兼容FF]_javascript技巧

WBOYoriginal: 2016-05-16 19:08:221106parcourir

发帖时无法插入可运行代码?
以下为程序代码:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<script language="JavaScript" type="text/javascript">  
var x,y  
var drag_=false  
var D=new Function('obj','return document.getElementById(obj);')  
var IE=new Function('','if(navigator.appName.indexOf("Explorer")>=0)return 1;if(navigator.appName.indexOf("Netscape")>=0)return 2')  
function Move_obj(obj){//1  
                     D(obj).onmousedown=function(e){drag_=true//4  
                              with(this){style.position="absolute";temp1=offsetLeft;temp2=offsetTop;//5  
                              if(IE()==1){x=event.clientX;y=event.clientY//6  
                                  document.onmousemove=function(e){//7  
                                        if(drag_==false)return false  
                                     with(this){style.left=temp1+event.clientX-x+"px";style.top=temp2+event.clientY-y+"px"}  
                                     }//7  
                              }//6  
                              if(IE()==2){x=e.pageX;y=e.pageY;//8  
                                  document.onmousemove=function(e){//9  
                                        if(drag_==false)return false  
                                     with(this){style.left=temp1+e.pageX-x+"px";style.top=temp2+e.pageY-y+"px"}  
                                     }//9  
                              }//8  
                        }//5  
           document.onmouseup=new Function("drag_=false")  
                     }//4  
}//1  
</script>  
  
<div id="test" style="background-color:#0099CC;width:200px" onmouseover='Move_obj("test")'>杩</div>

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：javascript实现的LI列表输出，隔行同色的代码_javascript技巧Article suivant：iframe src为图片时的高度自适应的代码_javascript技巧

Articles Liés

Voir plus