JavaScript 拖动布局dragFix
[08-08 00:41:50] 来源：http://www.xuehuiba.com Javascript教程 阅读：8568次
概要： _dragFix.Temp.parentNode.insertBefore(_dragFix.Obj,_dragFix.Temp); _dragFix.Obj.parentNode.removeChild(_dragFix.Temp); with(_dragFix.Obj.style) { position = ""; zIndex = ""; width = "100%"; } return; } ab--; tl-=kl; tt-=kt; _dragFix.Obj.style.left=parseInt(tl)+"px"; _dragFix.Obj.style.top=parseInt(tt)+"px"; },aa/ab);},stop:
JavaScript 拖动布局dragFix,标签：javascript视频教程,javascript教程下载,http://www.xuehuiba.com
_dragFix.Temp.parentNode.insertBefore(_dragFix.Obj,_dragFix.Temp);
_dragFix.Obj.parentNode.removeChild(_dragFix.Temp);
with(_dragFix.Obj.style)
{
position = "";
zIndex = "";
width = "100%";
}
return;
}
ab--;
tl-=kl;
tt-=kt;
_dragFix.Obj.style.left=parseInt(tl)+"px";
_dragFix.Obj.style.top=parseInt(tt)+"px";
},aa/ab);
},
stop:function()
{
if(!_dragFix.Root)
{
windowCDtatus = "拖动未开启";
return;
}
var dragC = _dragFix.Root.getElementsByTagName("DIV");
for(var i = 0; i < dragC.length; i++)
{
if(dragC[i].getAttribute("drag") == "yes")
{
var o = dragC[i].firstChild;
dragC[i].firstChild.style.cursor = "";
}
}//获取所有可拖动的对象
_dragFix.Ctrl = false;
window.status = "拖动已关闭";
}
}
function $(id) {return document.getElementById(id);}
function getT(e){return e.target || e.srcElement;}
function getMouseX(e){
return e.pageX ? e.pageX : e.clientX + document.body.scrollLeft - document.body.clientLeft;
}
function getMouseY(e){
return e.pageY ? e.pageY : e.clientY + document.body.scrollTop - document.body.clientTop;
}
function getRealLeft(o){
var l = 0;
while(o){
l += o.offsetLeft - o.scrollLeft;
o = o.offsetParent;
}
return(l);
}
function getRealTop(o){
var t = 0;
while(o){
t += o.offsetTop - o.scrollTop;
o = o.offsetParent;
}
return(t);
}
function cleanWhitespace(node) {
var notWhitespace = /S/;
for (var i=0; i < node.childNodes.length; i++) {
var childNode = node.childNodes[i];
if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue))) {
node.removeChild(node.childNodes[i]);
i--;
}
if (childNode.nodeType == 1) {
cleanWhitespace(childNode);
}
}
}//去除容器中的空白
</script>
</head>
<body >
<!--头部开始-->
<div id="pm_header"> </div>
<!--头部结束-->
<!--主体部分开始-->
<div id="pm_main">
<div id="main_left">
<div id="drag1" drag="yes" range="in">
<div class='system_header_bar' header='yes'>
<span>只能在此列拖动</span>
<a href="#" class="button_del" title="关闭" >X</a>
</div>
<div class="system_header_content">
<div class="one"><span style='color:red'>只能在此列拖动</span></div>
</div>
</div>
<div id="drag2" drag="yes" range="out">
<div class='system_header_bar' header='yes'>
<span>可以任意拖动</span>
<a href="#" class="button_del" title="关闭" >X</a>
</div>
<div class="system_header_content">
<div class="one">
<span style='color:red'>可以任意拖动</span>
</div>
</div>
_dragFix.Temp.parentNode.insertBefore(_dragFix.Obj,_dragFix.Temp);
_dragFix.Obj.parentNode.removeChild(_dragFix.Temp);
with(_dragFix.Obj.style)
{
position = "";
zIndex = "";
width = "100%";
}
return;
}
ab--;
tl-=kl;
tt-=kt;
_dragFix.Obj.style.left=parseInt(tl)+"px";
_dragFix.Obj.style.top=parseInt(tt)+"px";
},aa/ab);
},
stop:function()
{
if(!_dragFix.Root)
{
windowCDtatus = "拖动未开启";
return;
}
var dragC = _dragFix.Root.getElementsByTagName("DIV");
for(var i = 0; i < dragC.length; i++)
{
if(dragC[i].getAttribute("drag") == "yes")
{
var o = dragC[i].firstChild;
dragC[i].firstChild.style.cursor = "";
}
}//获取所有可拖动的对象
_dragFix.Ctrl = false;
window.status = "拖动已关闭";
}
}
function $(id) {return document.getElementById(id);}
function getT(e){return e.target || e.srcElement;}
function getMouseX(e){
return e.pageX ? e.pageX : e.clientX + document.body.scrollLeft - document.body.clientLeft;
}
function getMouseY(e){
return e.pageY ? e.pageY : e.clientY + document.body.scrollTop - document.body.clientTop;
}
function getRealLeft(o){
var l = 0;
while(o){
l += o.offsetLeft - o.scrollLeft;
o = o.offsetParent;
}
return(l);
}
function getRealTop(o){
var t = 0;
while(o){
t += o.offsetTop - o.scrollTop;
o = o.offsetParent;
}
return(t);
}
function cleanWhitespace(node) {
var notWhitespace = /S/;
for (var i=0; i < node.childNodes.length; i++) {
var childNode = node.childNodes[i];
if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue))) {
node.removeChild(node.childNodes[i]);
i--;
}
if (childNode.nodeType == 1) {
cleanWhitespace(childNode);
}
}
}//去除容器中的空白
</script>
</head>
<body >
<!--头部开始-->
<div id="pm_header"> </div>
<!--头部结束-->
<!--主体部分开始-->
<div id="pm_main">
<div id="main_left">
<div id="drag1" drag="yes" range="in">
<div class='system_header_bar' header='yes'>
<span>只能在此列拖动</span>
<a href="#" class="button_del" title="关闭" >X</a>
</div>
<div class="system_header_content">
<div class="one"><span style='color:red'>只能在此列拖动</span></div>
</div>
</div>
<div id="drag2" drag="yes" range="out">
<div class='system_header_bar' header='yes'>
<span>可以任意拖动</span>
<a href="#" class="button_del" title="关闭" >X</a>
</div>
<div class="system_header_content">
<div class="one">
<span style='color:red'>可以任意拖动</span>
</div>
</div>
Tag:Javascript教程，javascript视频教程,javascript教程下载，电脑知识学习 - 网页制作 - Javascript教程
最新更新