Español
<!-- http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs--> <!--Para completar este efecto, se requieren dos pasos. primer paso: agregue el siguiente código al área <body> --> <style> body,td,a {font-size:9pt;color:black} .none{border:black 1px solid;background:D9D9D9;padding- arriba: 2} .over {border:negro 1px sólido;fondo:707888;color:blanco;padding-top:2} </style> <div style="posición:absoluta; izquierda: 100; arriba: 20; ancho: 1; altura: 1;cursor: mano" ID=avión onmousedown="abajo=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup= "abajo=false"> <div align=center style="posición:absoluta; izquierda:220px; arriba:3px; ancho:100px; altura:19px; índice z:1;color:blanco;fondo:707888; cursor: move"onmouseover='stopTimerline();menuItemIn()' onmouseout='runTimerline()' class="none">Menú arrastrable</div> <div align=center id="item11" style="posición: absoluta ; izquierda:120px; arriba:25px; ancho:99px; alto:19px; índice z:2; alfa(opacidad=0)" onmouseover="this.className='over';stopTimerline()" onmouseout= " this.className='none';runTimerline()" class="none" >Elemento de menú uno</div> <div align=center id="item12" style="position:absolute left:320px; ancho:99px; alto:19px; índice z:3;filtro:alfa(opacidad=0)" clase=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className=' ninguna ';runTimerline()">Elemento de menú dos</div> <div align=center id="item13" style="position:absolute; top:69px; z- index; :4; filter:alpha(opacity=0)" class=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className='none';runTimerline()">Elemento del menú tres < /div> <div align=center id="item14" style="posición:absoluta; izquierda:320px; arriba:91px; ancho:99px; altura:19px; índice z:5;filtro:alfa(opacidad=0) " class=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className='none';runTimerline()">Elemento de menú cuatro</div> <div align=center id= " item15" estilo="posición:absoluta; izquierda:120px; arriba:113px; ancho:99px; altura:19px; índice z:6; 'over';stopTimerline()" onmouseout="this.className='none';runTimerline()">Elemento cinco del menú</div> </div><script> //Menú de animación var currTimerlinePoint=0 var totalTimerlineFrames= 2 var timerlineTimer var leftLine = 50 var timerIn var timerOut var timerlineArray = new Array() timerlineArray[0]='' timerlineArray[1]='menuItemOut()' function runTimerline() { window.timerlineTimer = setTimeout('menuItemOut() ' ,500) } función stopTimerline() { clearTimeout(window.timerlineTimer) } función menuItemIn() { if( leftLine != 150) { item11.style.pixelLeft += 20; style.pixelLeft -= 20; item12.filters.alpha.opacity += 20 item13.style.pixelLeft += 20; item14.filters alfa. .opacity += 20 item15.style.pixelLeft += 20; item15.filters.alpha.opacity += 20 leftLine += 20 } else { clearTimeout(window.timerIn) return false } timerIn=window.setTimeout('menuItemIn()) ',1) } function menuItemOut() { clearTimeout(window.timerIn) if (leftLine!= 50) { item11.style.pixelLeft -= 20; item11.filters.alpha.opacity -= 20 item12.style.pixelLeft + = 20; item12.filters.alpha.opacity -= 20 item13.style.pixelLeft -= 20; item13.filters.alpha.opacity -= 20 item14.style.pixelLeft += 20; item15.style.pixelLeft -= 20; item15.filters.alpha.opacity -= 20 leftLine -= 20 } else { clearTimeout(window.timerOut) return false } timerOut=window.setTimeout("menuItemOut()",1 ) } self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) //Mover capa var over=false,down=false,divleft,divtop;function move(){if(down){plane. style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop}} </script> <!--Paso 2: Agregue "onmousemove="move()"" a <body >Ejemplo en etiqueta: --> <cuerpo onmousemove="mover()">
