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

更新時(shí)間：2007年10月14日 14:37:29 作者：

發(fā)帖時(shí)無(wú)法插入可運(yù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="iszfval"   id="test" style="background-color:#0099CC;width:200px"onmouseover='Move_obj("test")'>這個(gè)是可以拖動(dòng)的層</div>

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

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

相關(guān)文章

利用Javascript獲取選擇文本所在的句子詳解
這篇文章主要給大家愛(ài)介紹了關(guān)于利用Javascript獲取選擇文本所在的句子的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起看看吧。
2017-12-12
JavaScript實(shí)現(xiàn)請(qǐng)求服務(wù)端接口方法詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)請(qǐng)求服務(wù)端接口方法，JavaScript?中請(qǐng)求服務(wù)端接口的代碼實(shí)現(xiàn)可能會(huì)因?yàn)槭褂玫姆椒ǘ兴煌?，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧
2023-01-01
顏色漸變效果
[藍(lán)色]顏色漸變效果...
2006-07-07
JavaScript Ajax Json實(shí)現(xiàn)上下級(jí)下拉框聯(lián)動(dòng)效果實(shí)例代碼
這篇文章主要介紹了JavaScript Ajax Json實(shí)現(xiàn)上下級(jí)下拉框聯(lián)動(dòng)效果實(shí)例代碼，有需要的朋友可以參考一下
2013-11-11
如何動(dòng)態(tài)加載外部Javascript文件
這篇文章主要介紹了如何動(dòng)態(tài)加載外部Javascript文件，本文舉例講解使用js加載器動(dòng)態(tài)加載外部Javascript文件，感興趣的小伙伴們可以參考一下
2015-12-12
基于JS代碼實(shí)現(xiàn)導(dǎo)航條彈出式懸浮菜單
這篇文章主要介紹了基于JS代碼實(shí)現(xiàn)導(dǎo)航條彈出式懸浮菜單的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
javascript重寫alert方法的實(shí)例代碼
最近因?yàn)樵趂lash項(xiàng)目中遇到as調(diào)用js函數(shù)馬上彈出alert，在火狐瀏覽器下會(huì)卡死瀏覽器。介于這樣我們重寫alert，讓alert彈出一個(gè)自定義的div彈層，來(lái)實(shí)現(xiàn)提示效果！
2013-03-03
JS實(shí)現(xiàn)消息來(lái)時(shí)讓網(wǎng)頁(yè)標(biāo)題閃動(dòng)效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)消息來(lái)時(shí)讓網(wǎng)頁(yè)標(biāo)題閃動(dòng)效果的方法,實(shí)例分析了JavaScript基于時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素的技巧,并附帶了開(kāi)心網(wǎng)的標(biāo)題閃動(dòng)解決方案,需要的朋友可以參考下
2016-04-04
輕松實(shí)現(xiàn)JavaScript圖片切換
這篇文章主要幫助大家輕松實(shí)現(xiàn)JavaScript圖片切換，內(nèi)容很精簡(jiǎn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-01-01
BootStrap CSS全局樣式和表格樣式源碼解析
這篇文章主要為大家詳細(xì)解析了BootStrap圖片樣式、輔助類樣式和CSS組件源碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01