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

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 判斷可拖動div是否重合重合多少

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

編輯：關於JavaScript

<!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> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"></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 > 
demo1 
demo2 
demo3 
demo4 
demo5 
demo6 
demo7 
demo8 
demo9 
 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一頁:JavaScript實用技巧(一)
下一頁:解決iframe的frameborder在chrome/ff/ie下的差異

關於JavaScript

大型JavaScript應用程序架構設計模式: PDF版的PPT下載地址：http://www.slideshare.net/jibyjohnc/j
Vue組件BootPage實現簡單的分頁功能: 有一段時間沒更新文章了，主要是因為自己一直在忙著學習新的東西而忘記分享了，實在慚愧。這不
使用documentElement正確取得當前可見區域的大小: 其他方法都不適用，只有這個documentElement才能正確取得當前可見區域的大小var w =

DIV CSS 佈局教程網

相關文章