渴切-開源中文css框架之可保存位置并自動(dòng)吸附j(luò)avascript拖動(dòng)層

《渴切-開源中文css框架之可保存位置并自動(dòng)吸附j(luò)avascript拖動(dòng)層》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、渴切-開源中文css框架之可保存位置并自動(dòng)吸附的JavaScript拖動(dòng)層

2、t=gb2312">body{background-color:#36393D;font-size:12px;margin:0px;}DIV.dragLayer{border:1pxsolid#369;background-color:#6BBA70;margin-bottom:10px;}DIV.dragLayer_over{border:1pxsolid#C79810;background-colo

3、r:#6BBA70;filter:alpha(opacity=80);-moz-opacity:0.8;/*Moz+FF*/opacity:0.8;/*支持CSS3的瀏覽器（FF1.5也支持）*/}DIV.clone_dragLayer_over{border:1pxdashed#FA0;background-color:#6BBA70;filter:alpha(opacity=80);-moz-opacity:0.8;/*Moz+FF*/opacity:0.8;/*支持CSS3的瀏覽器（FF1.5也支

4、持）*/margin-bottom:10px;}DIV.dragHeader{width:100%;height:20px;line-height:20px;background-color:#006E2E;color:#FFFFFF;}DIV.dragHeader_over{width:100%;height:20px;line-height:20px;background-color:#C79810;}SPAN.min,SPAN.close{cursor:pointer;font-family:We

5、bdings}#container{margin:0px}#leftcontainer{float:left;width:33%;}#middlecontainer{float:left;width:34%;}#middlecontainerdiv{margin-left:auto;margin-right:auto}#rightcontainer{float:right;width:33%;}#rightcontainerdiv{float:right}DIV.content{width:100%;p

6、adding:4px}varCoolDrag={obj:null,//目標(biāo)對(duì)象cloneobj:null,//拖動(dòng)對(duì)象container:null,//容器dragged:false,//拖動(dòng)標(biāo)志shadow:null,//陰影init:function(id){CoolDrag.container=$(id);varcooldrag=CoolDrag.read("cooldrag");if(cooldrag!=""){//讀取

7、cookievarsubcontainer=cooldrag.split("

8、");for(vari=0;i

9、Item[0]).appendChild($(items[j]));}}}}cleanWhitespace(CoolDrag.container)//清除空白節(jié)點(diǎn)varcollection=CoolDrag.container.getElementsByTagName("DIV");for(vari=0;i