兼容IE FF Opera的javascript最短的拖動(dòng)代碼

更新時(shí)間：2008年01月06日 00:07:43 作者：

關(guān)于拖動(dòng)的代碼太多了要么復(fù)雜要么不兼容,在這就不多說了. 這里提供個(gè)簡(jiǎn)潔的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><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> <body> <div   class="ekmjlp2"   id="test" style="background-color:#0099CC;width:200px"onmouseover='Move_obj("test")'>這個(gè)是可以拖動(dòng)的層</div>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

相關(guān)文章

JavaScript中本地存儲(chǔ)(LocalStorage)和會(huì)話存儲(chǔ)(SessionStorage)的使用
本地存儲(chǔ)和會(huì)話存儲(chǔ)是比較常用的方法，你知道兩者的區(qū)別嗎，本文詳細(xì)的介紹了JavaScript中本地存儲(chǔ)(LocalStorage)和會(huì)話存儲(chǔ)(SessionStorage)的使用，具有一定的參考價(jià)值，感興趣的可以了解一下
2022-03-03
javascript伸縮型菜單實(shí)現(xiàn)代碼
這是一款真正的JavaScript伸展收縮型菜單，鼠標(biāo)放上看一看，是不是很酷？鼠標(biāo)劃出菜單項(xiàng)的時(shí)候，背景會(huì)伸長(zhǎng)。菜單沒有加鏈接，想用的自己加，再美化一下，絕對(duì)夠個(gè)性吧。
2015-11-11
詳解JavaScript對(duì)象的深淺復(fù)制
從層次上來看，對(duì)象的復(fù)制可以簡(jiǎn)單地分為淺復(fù)制和深復(fù)制，顧名思義，淺復(fù)制是指只復(fù)制一層對(duì)象的屬性，不會(huì)復(fù)制對(duì)象中的對(duì)象的屬性，對(duì)象的深復(fù)制會(huì)復(fù)制對(duì)象中層層嵌套的對(duì)象的屬性。本文是我在復(fù)制對(duì)象方面的一些心得總結(jié)，由淺復(fù)制到深復(fù)制，感興趣的朋友一起學(xué)習(xí)吧
2017-03-03
其實(shí)你可以少寫點(diǎn)if else與switch（推薦）
switch case與if else的區(qū)別：switch case會(huì)生成一個(gè)跳轉(zhuǎn)表來指示實(shí)際的case分支的地址，而if...else卻需要遍歷條件分支直到命中條件，下面這篇文章主要給大家介紹了關(guān)于if else與switch在使用中的一些技巧，需要的朋友可以參考下
2019-01-01
javascript 處理null及null值示例
這篇文章以示例的方式為大家介紹下javascript 如何處理null及'null'值,需要的朋友可以參考下
2014-06-06
javascript 使td內(nèi)容不換行不撐開
javascript 使td內(nèi)容不換行不撐開如何實(shí)現(xiàn)，本文將詳細(xì)介紹，需要了解的朋友可以參考下
2012-11-11
JS逆向之瀏覽器補(bǔ)環(huán)境圖文詳解
平時(shí)JavaScript逆向需要補(bǔ)環(huán)境或者補(bǔ)一些函數(shù),下面這篇文章主要給大家介紹了關(guān)于JS逆向之瀏覽器補(bǔ)環(huán)境的相關(guān)資料,文中通過圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-03-03
js點(diǎn)擊頁面其它地方將某個(gè)顯示的DIV隱藏
今天一朋友問我點(diǎn)擊一按鈕彈出一個(gè)DIV，然后要求點(diǎn)擊頁面其它地方隱藏這個(gè)DIV
2012-07-07
JavaScript實(shí)現(xiàn)可動(dòng)的canvas環(huán)形進(jìn)度條
這篇文章主要介紹了如何利用JavaScript canvas繪制一個(gè)可以動(dòng)的環(huán)形進(jìn)度條。文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動(dòng)手試一試
2022-02-02
基于復(fù)選框demo(分享)
下面小編就為大家?guī)硪黄趶?fù)選框demo(分享)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09