判斷可拖動div是否重合重合多少

更新時間：2010年08月12日 11:24:21 作者：

效率較低該如何優(yōu)化了

<!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" /> <title>Table</title> </head> <style type="text/css"> body{margin:0px; padding:0px; font-size:12px} .div{height:160px;width:160px;position:absolute; text-align:center; } .demo1{ border:1px solid #96C2F1;background-color:#EFF7FF;left:150px;top:20px} .demo2{ border:1px solid #9BDF70;background-color:#F0FBEB;left:450px;top:20px} .demo3{ border:1px solid #BBE1F1;background-color:#EEFAFF;left:750px;top:20px} .demo4{ border:1px solid #96C2F1;background-color:#EEFAFF;left:150px;top:220px} .demo5{ border:1px solid #FFCC00;background-color:#FFFFF7;left:450px;top:220px} .demo6{ border:1px solid #E3E197;background-color:#FFFFDD;left:750px;top:220px} .demo7{ border:1px solid #ADCD3C;background-color:#F2FDDB;left:150px;top:420px} .demo8{ border:1px solid #F8B3D0;background-color:#FFF5FA;left:450px;top:420px} .demo9{ border:1px solid #D3D3D3;background-color:#F7F7F7;left:750px;top:420px} .focus{background-color: #990000;} </style> <body > <div   class="wppm3vysvbp"   id='demo1' class='div demo1'>demo1</div> <div   class="wppm3vysvbp"   id='demo2' class='div demo2'>demo2</div> <div   class="wppm3vysvbp"   id='demo3' class='div demo3'>demo3</div> <div   class="wppm3vysvbp"   id='demo4' class='div demo4'>demo4</div> <div   class="wppm3vysvbp"   id='demo5' class='div demo5'>demo5</div> <div   class="wppm3vysvbp"   id='demo6' class='div demo6'>demo6</div> <div   class="wppm3vysvbp"   id='demo7' class='div demo7'>demo7</div> <div   class="wppm3vysvbp"   id='demo8' class='div demo8'>demo8</div> <div   class="wppm3vysvbp"   id='demo9' class='div demo9'>demo9</div>  </body> </html>

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

可拖動div

JS實現(xiàn)統(tǒng)計復選框選中個數(shù)并提示確定與取消的方法
這篇文章主要介紹了JS實現(xiàn)統(tǒng)計復選框選中個數(shù)并提示確定與取消的方法,可實現(xiàn)javascript針對頁面復選框元素的統(tǒng)計與提示功能,需要的朋友可以參考下
2015-07-07
JavaScript給input的value賦值引發(fā)的關于基本類型值和引用類型值問題
這篇文章主要介紹了JavaScript給input的value賦值引發(fā)的關于基本類型值和引用類型值問題的相關資料,需要的朋友可以參考下
2015-12-12
javascript中創(chuàng)建對象的幾種方法總結
以下幾種，是javascript中最常用的創(chuàng)建對象的方式。初學者看到后，可能會暈掉，甚至會覺得擔心。其實完全不用擔心，這些種方式，只需要掌握一兩種，對其他的幾種只需要理解就好了
2013-11-11
JavaScript代碼復用模式實例分析
任何編程都提出代碼復用，否則話每次開發(fā)一個新程序或者寫一個新功能都要全新編寫的話,效率太差了,接下來我們將針對代碼復用來進行討論，需要的朋友可以參考下
2012-12-12
JavaScript獲取當前url根目錄(路徑)
本文主要介紹JavaScript獲取當前url根目錄的方法，比較實用，需要的朋友可以參考一下。
2016-06-06
JS獲取鼠標坐標、獲取鼠標像素點示例
運行代碼之后隨意移動鼠標的位置，可適時顯現(xiàn)鼠標的坐標點，不占用系統(tǒng)資源
2014-03-03
ES11屢試不爽的新特性,你用上了幾個
這篇文章主要介紹了ES11屢試不爽的新特性,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-10-10
js實現(xiàn)導航欄上下動畫效果
這篇文章主要為大家詳細介紹了js實現(xiàn)導航欄上下動畫效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
微信小程序中的輪播圖實現(xiàn)示例
打開一個小程序，我們會發(fā)現(xiàn)，一般構圖排版都是圖片banner - 快捷按鈕 - 產品/文章列表等詳細信息，底部導航一般是2~5個。這樣的排版是比較美觀的，那么為什么要這樣設計，這些輪播圖、快捷按鈕等小程序組件都有什么用呢？接下來就帶你詳細了解下
2022-12-12
JavaScript常見JSON操作實例分析
這篇文章主要介紹了JavaScript常見JSON操作,簡單描述了json的概念、常見json類型,并結合實例形式分析了json的序列化、轉換、格式化、解析等相關操作技巧,需要的朋友可以參考下
2018-08-08