Взято отсюда
http://ref.net.ua/
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>move</title>
</head>
<body>
<div>
<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.
<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.
<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.
<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.
<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/>.
</div>
<script type="text/javascript">
var element = '<a style="color: red;" href="javascript:Close()"><strong>X</strong></a><br/><br/><br/><br/>Text...';
el_width=15
el_height=90
ns4=document.layers
ie4=document.all
ns6=document.getElementById&&!document.all
if (ns4){document.write('<layer name="element" bottom='+el_height+' right='+el_width+'>'+element+'</layer>')}
else{document.write('<div id="element" style="position:absolute;top:'+el_height+';right:'+el_width+'">'+element+'</div>')}
el_width_start=el_height_start=0
function el_move(){
if(ie4){ydiff=el_height_start-document.body.scrollTop; xdiff=el_width_start-document.body.scrollLeft}
else{ydiff=el_height_start-pageYOffset; xdiff=el_width_start-pageXOffset}
if(ydiff!=0){movey=Math.round(ydiff/10);el_height_start-=movey}
if(xdiff!=0){movex=Math.round(xdiff/10);el_width_start-=movex}
if(ns4){document.layers.element.top=el_height_start+el_height;document.layers.element.right=el_width_start+el_width}
if(ie4){document.all.element.style.top=el_height_start+el_height;document.all.element.style.right=el_width_start+el_width}
if(ns6){document.getElementById("element").style.top=el_height_start+el_height;document.getElementById("element").style.right=el_width_start+el_width}}
var elmove=setInterval("el_move()",20)
function Close(){
document.getElementById("element").style.display="none";
if (elmove)
clearInterval(elmove);
elmove = null;
}
</script>
</body>
</html>
Уверен что сможеш подправить как нужно, тк кода очень мало