hola a todos intento hacer un menu "slider" es un simple menu con una lista
<ul>
<li>home</li>
<li>servicios</li>
<li>consultas</li>
<li>contacto</li>
</ul>
(cada elemento de lista alado de otro)
abajo de ese div cree un div (<div="div_mover">) que tiene un cuadrado y cada vez que yo seleccione un elemento de la lista quiero que se mueva hacia ese lugar.. (para eso uso efectos de scriptaculous Effect.Move ) ..
pero antes de mover necesito saber en que lugar se encuentra parado el div que voy a mover antes de incrementar o decrementar su atributo Left.
Código Javascript
:
Ver original<script type="text/javascript">
var ir_x;
var dim;
window.onload = function(){
var myDiv = document.getElementById('div_mov');
var dim = myDiv.offsetLeft;
$('sol').onmouseover = function(){
if(parseInt(dim) == 0){
ir_x = 200;
}else if(parseInt(dim) < 199){
ir_x = 0;
}
new Effect.Move('barra_mov', { x:ir_x , y: 0 });
alert(dim);
}
}
pero no logro saber bien el left del div cuando lo muevo siempre queda en 0
Saludos y graciaasss!