gfdsgfdsg
<html>
<head>
<title>个性化主页</title>
<link type="text/css" rel="stylesheet" href="css/default.css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,dragdrop"></script>
</head>
<body>
<div id="main">
<div id="leftContainer">
<div class="module" style="height: 200px">
</div>
</div>
<div id="midContainer">
<div class="module" style="height: 200px">
</div>
<div class="module" style="height: 200px">
</div>
</div>
<div id="rightContainer">
<div class="module" style="height: 200px">
</div>
<div class="module" style="height: 200px">
</div>
<div class="module" style="height: 200px">
</div>
</div>
</div>
<script type="text/javascript">
function enableDnd() {
var containers = ["leftContainer", "midContainer", "rightContainer"];
var kw = {
tag: "div",
treeTag: "div",
handle: "title",
dropOnEmpty: true,
containment: containers,
constraint: false,
ghosting:true,
onUpdate:function(){
//$('thirdlist_debug').style
var object=event.srcElement;
object.style.zInde=1;
object.style.border="1px dashed red";
}
};
containers.each( function(module) {
Sortable.destroy(module);
Sortable.create(module, kw);
});
}
enableDnd();
function getInfo(o){//取得坐标
var to=new Object();
to.left=to.right=to.top=to.bottom=0;
var twidth=o.offsetWidth;
var theight=o.offsetHeight;
while(o!=document.body){
to.left+=o.offsetLeft;
to.top+=o.offsetTop;
o=o.offsetParent;
}
to.right=to.left+twidth;
to.bottom=to.top+theight;
return to;
}
function dragEnd(){
tdiv.mm=Drag.repos(150,15);
object.style.borderWidth="0px";
object.style.borderTop="1px solid #3366cc";
tdiv.style.borderWidth="0px";
objcet.style.zIndex=1;
}
</script>
</body>
</html>
分享到:
相关推荐
《JavaScript权威指南》是JavaScript编程领域的一本经典之作,由著名技术作家David Flanagan撰写,被誉为"JavaScript犀牛书"。这本书深入浅出地讲解了JavaScript语言的核心概念、语法特性和高级特性,对于想要全面...
《Head First JavaScript源码》是2010年出版的一本中文版JavaScript学习书籍的源码,这本书以其独特的视觉设计和易理解的方式深入浅出地介绍了JavaScript编程语言。JavaScript是一种广泛应用于网页和网络应用的脚本...
《JavaScript语言精粹》是JavaScript开发者必读的经典之作,它深入浅出地讲解了JavaScript语言的核心概念和实用技巧。这本书不仅适合初学者作为入门指南,也适合经验丰富的开发者用来巩固和提升自己的技能。 首先,...
《JavaScript语言精粹》作为一本深入浅出讲解JavaScript编程语言的经典之作,对于想要提升自己JavaScript技能的开发者来说,无疑是一份宝贵的资源。本书由Douglas Crockford所著,他不仅是JSON格式的创始人,也是...
在这个场景中,我们关注的是VS2015的安装过程中涉及到的证书问题以及两个特定的组件:JavaScript_ProjectSystem.msi和JavaScript_LanguageService.msi。 首先,关于“VS2015安装证书”,这通常是指安装过程中需要...