【Js--代碼模塊】最精練的div移動代碼

<SCRIPT>
var mouseObj=null;
var pX
var pY
document.onmousemove=divMove;
document.onmouseup=divUp;

function m(c_Obj)
{ mouseObj=document.all(c_Obj);
pX=mouseObj.style.pixelLeft-event.x;
pY=mouseObj.style.pixelTop-event.y;}

function divMove()
{if(mouseObj)
{mouseObj.style.left=pX+event.x;
mouseObj.style.top=pY+event.y;
event.returnValue=false;}}

function divUp()
{if(mouseObj)
{mouseObj=null;} }

</SCRIPT>


<STYLE>
.up {
BORDER-RIGHT: #711200 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: white 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: white 1px solid; COLOR: #ff0000; PADDING-TOP: 1px; BORDER-BOTTOM: #711200 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #eadfd0
}
.down {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #711200 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #711200 1px solid; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #336699
}

</STYLE>

<DIV class=up id=hello onmousedown='m("hello")'
style="; LEFT: expression((document.body.clientWidth-80)/2); WIDTH: 80px; POSITION: absolute; ; TOP: expression((document.body.clientHeight-120)/2); HEIGHT: 120px">
<DIV class=down>-+酷-網-站+-</DIV>
<DIV style="PADDING-LEFT: 5pt"><A href="http://www.sina.com/" 
target=_blank>新浪網</A></DIV>
</DIV>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章