春天花会开

***********

统计

留言簿(4)

阅读排行榜

评论排行榜

javascript 滑动框架的制作

function  drag(o,r){

//o.firstChild.onmousedown=function(){return false;};

o.onmousedown=function(a){

var  d=document;

if (!a)a=window.event;

o.style.backgroundColor="#0066ff"

var  x=a.layerX?a.layerX:a.offsetX,y=a.layerY?a.layerY:a.offsetY;

//-------------for resize

var  leftdiv=document.getElementById("leftregion");

var  leftdivwidth=parseInt(leftdiv.style.width);

//leftdiv.innerHTML+="width:"+leftdivwidth+"<br>"

var  rightdiv=document.getElementById("rightregion");

var  rightdivwidth=parseInt(rightdiv.style.width);

var  xx=a.pageX?a.pageX:a.clientX,yy=a.pageY?a.lpageY:a.clientY;

var  oleft=parseInt(o.style.left)//xx-x;

var  rightdivleft=parseInt(rightdiv.style.left);

//leftdiv.innerHTML+=o.style.width;//only for tracing

if (o.setCapture)

o.setCapture();

else  if(window.captureEvents)

window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);

d.onmousemove=function(a){

if (!a)a=window.event;

if (!a.pageX)a.pageX=a.clientX;

if (!a.pageY)a.pageY=a.clientY;

//clientX: distance between explorer and mouse point

var  tx=a.pageX-x,ty=a.pageY-y;

//------------for resize

var  txx=a.pageX-xx,tyy=a.pageY-yy

o.style.left=tx<r[0]?r[0]:tx>r[1]?r[1]:tx;

//o.style.top=ty<r[2]?r[2]:ty>r[3]?r[3]:ty;

move_x=parseInt(o.style.left)-oleft;

//move_y=otop-o.style.top

//leftdiv.innerHTML+="width:"+leftdiv.style.width+" move:"+move_x+"<br>"

//rightdiv.innerHTML+="o left:"+o.style.left+" move:"+move_x+"<br>"

leftdiv.style.width=(leftdivwidth+move_x)+"px"

rightdiv.style.width=(rightdivwidth-move_x)+"px"

rightdiv.style.left=(rightdivleft+move_x)+"px"

} ;

d.onmouseup=function(){

o.style.backgroundColor="#FFFFFF"

if (o.releaseCapture)

o.releaseCapture();

else  if(window.captureEvents)

window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);

d.onmousemove=null;

d.onmouseup=null;

} ;

} ;

}



posted on 2006-07-07 21:20 春天花会开 阅读(832) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。
网站导航: