function boxmove(d1,d2,d3,e,obj){ var speed=30; var demo=document.getelementbyid(d1); var demo1=document.getelementbyid(d2); var demo2=document.getelementbyid(d3); demo2.innerhtml=demo1.innerhtml; function boxtop(){ if(demo2.offsettop-demo.scrolltop<=0){demo.scrolltop-=demo1.offsetheight} else{demo.scrolltop++} } function boxright(){ if(demo.scrollleft<=0){demo.scrollleft+=demo2.offsetwidth} else{demo.scrollleft--} } function boxbottom(){ if(demo1.offsettop-demo.scrolltop>=0){demo.scrolltop+=demo2.offsetheight} else{demo.scrolltop--} } function boxleft(){ if(demo2.offsetwidth-demo.scrollleft<=0){demo.scrollleft-=demo1.offsetwidth} else{demo.scrollleft++} } if(e==1){ var movetop=setinterval(boxtop,speed); demo.onmouseover=function(){clearinterval(movetop);} demo.onmouseout=function(){movetop=setinterval(boxtop,speed)} } if(e==2){ var moveright=setinterval(boxright,speed); demo.onmouseover=function(){clearinterval(moveright)} demo.onmouseout=function(){moveright=setinterval(boxright,speed)} } if(e==3){ var movebottom=setinterval(boxbottom,speed); demo.onmouseover=function(){clearinterval(movebottom);} demo.onmouseout=function(){movebottom=setinterval(boxbottom,speed)} } if(e==4){ var moveleft=setinterval(boxleft,speed) demo.onmouseover=function(){clearinterval(moveleft)} demo.onmouseout=function(){moveleft=setinterval(boxleft,speed)} } if(e=="top"){ movetop=setinterval(boxtop,speed) obj.onmouseout=function(){clearinterval(movetop);} } if(e=="right"){ moveright=setinterval(boxright,speed) obj.onmouseout=function(){clearinterval(moveright);} } if(e=="bottom"){ movebottom=setinterval(boxbottom,speed) obj.onmouseout=function(){clearinterval(movebottom);} } if(e=="left"){ moveleft=setinterval(boxleft,speed) obj.onmouseout=function(){clearinterval(moveleft);} } }