Este script muiestra un div en movimiento, pero necesito hacerle una pequeña modificación que no encuentro como hacer.
Necesito que se detenga al llegar al centro de la pantalla y que ademas baje unos cuantos pixeles ya estando en el centro.
¿¿Alguna idea ??
Código:
<HTML><head>
<script>
// Posicion inicial
var xpos=0;
var Id=0;
function mueve(){
if(!Id){
mueve_menu();
xpos=0;
}
}
function mueve_menu(){
xpos++;
if(document.layers){
document.menu.left=xpos;
}
if(document.all){
document.all.menu.style.left=xpos;
}
if(!document.all && document.getElementById){
document.getElementById("menu").style.left=xpos+"px";
}
if (xpos>=screen.width){
window.clearTimeout(Id);Id=0;
}else{
Id = window.setTimeout("mueve_menu();",20);
}
}
// -->
</script></head>
<body>
<!-- Capa de movimiento -->
<div id="menu" style="position:absolute;left:0;top:100;width:100;background-color:#990000; visibility:visible"><font color="#FFFFFF" size="2" face="verdana">Programas B</font></div>
<a href="#" onClick="mueve();">Mover</a> </body>
</HTML>
