Sigue el ratón para rotar el colorido fondo del halo.

Autor：Eve Cole Fecha de actualización：2009-06-20 15:47:15

<html> <head>  <body onMouseMove="move()" onLoad="bodyload()"> <script> // Función de borde de tabla intermitente flashit(){if(!document. todo)return;if (td123.style.borderColor=="negro")td123.style.borderColor="#999999";else td123.style.borderColor=" negro"}setInterval("flashit()",500) / / Efecto de desvanecimiento, cambio de valor alfa function high(image){theobject=image,highlighting=setInterval("highlightit(theobject)",100)}function low( image){clearInterval(highlighting),image.filters.alpha.opacity= 50}función resaltada(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=20;else if(window .highlighting)clearInterval (resaltado)} //JS para arrastrar la capa sobre= false,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft; plane.style.top=event.clientY-divtop;}} //Capa deslizante function bodyload() { if(plane.style.pixelTop!=0) { plane.style.pixelTop-=10 setTimeout('bodyload()' ,1) } } // Función de capa de visualización de degradado Show(divid) { divid. filters.revealTrans.apply(); divid.style.visibility = "visible"; divid.filters.revealTrans.play(); } función Ocultar( divid) { divid.filters.revealTrans.apply(); = "oculto"; divid.filters.revealTrans.play(); } </script> <div style="position:absolute;z-index :1;width:1;height:1; izquierda: 0; arriba: 500 " ID=avión onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY- parseInt(plane.style.top)" onmouseup="down=false"> < id de tabla="td123" espacio entre celdas=2 ancho=100 borde=0 estilo="BORDE:#999999 1px solid;cursor:hand" cellpadding=" 0" bgcolor="f4f4f4"> <tr> <td bgcolor="#cccccc " height="20" style="BORDE:#999999 1px solid;cursor:move"> <div align="center">Menú deslizante de varios niveles</div> </td> </tr> <tr> < td class=normal onMouseDown="this.className='down'" onMouseOver="this.className='up',high(this),Show( menu1) " onMouseOut="this.className='normal',low(this ),menu1.style.visibility='hidden'" style="filter:alpha(opacity=50)" onMouseUp="this.className='up '" > <div align="right">Hay un nivel inferior menú>></div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='abajo'" onMouseOver=" this.className='arriba',high(esto), Mostrar(menú2)" onMouseOut="this.className='normal',low(this),menu2.style.visibility='hidden'" style="filtro:alfa (opacidad=50)"onMouseUp="this.className= 'up'" > <div align="right">Hay un menú de nivel inferior>></div> </td> </tr> <tr> <td class= normal onMouseDown="this.className=' abajo'" onMouseOver="this.className='arriba',high(this)" onMouseOut="this.className='normal',low(this)" style="filtro:alfa (opacidad=50)"onMouseUp=" this.className='up'"> <div align="right">Sin menú subordinado>></div> </td> </tr> <tr> <td class= normal onMouseDown="this.className=' abajo'" onMouseOver="this.className='arriba',high(this)" onMouseOut="this.className='normal',low(this)" style="filtro:alfa (opacidad=50)"onMouseUp=" this.className='up'"> <div align="right">Sin menú subordinado>></div> </td> </tr> </table> <div id ="menu1" style="posición: absoluto;arriba:24px;izquierda:96px; índice z:1; visibilidad: oculto; ancho: 105" onMouseOver=this.style.visibility='visible' onMouseOut=this.style. visibilidad='hidden' class="menuv "> <espacio entre celdas de la tabla=2 ancho=100 borde=0 estilo="BORDE:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right "> <tr> <td class= normal onMouseDown="this.className='down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low( this)" style="filtro:alpha (opacidad=50)"onMouseUp="this.className='up'"> <div align="center">Submenú</div> </td> </tr> < tr> <td class=normal onMouseDown=" this.className='abajo'" onMouseOver="this.className='arriba',high(this)" onMouseOut="this.className='normal',low(this)" style="filtro:alpha(opacidad=50 )"onMouseUp="this.className='up'"> <div align=center>Submenú</div> </td> </tr> <tr> <td class =normal onMouseDown="this.className='abajo '" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filtro: alpha(opacity=50)"onMouseUp="this .className='arriba'"> <div align=center>Submenú</div> </td> </tr> <tr> <td class=normal onMouseDown=" this.className='abajo'" onMouseOver="this .className='arriba',alta(esta)" onMouseOut="this.className='normal',baja(esta)" style="filtro:alfa(opacidad=50)"onMouseUp="this.className='arriba' "> <div align=center>Submenú</div> </td> </tr> </table> </div> <div id="menu2" style ="position:absolute;top:45px;left:96 ; índice z:1; visibilidad: oculto; ancho: 105" onMouseOver=this.style.visibility='visible' onMouseOut=this.style.visibility='hidden' class="menuv"> <table cellpacing=2 width= 100 border=0 style="BORDE:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right"> <tr> <td class=normal onMouseDown="this.className=' abajo'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style= "filter:alpha(opacity=50)"onMouseUp=" this.className='up'"> <div align="center">Submenú</div> </td> </tr> <tr> <td class =normal onMouseDown="this.className='down'" onMouseOver ="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filtro: alfa(opacidad=50)"onMouseUp="this.className= 'arriba'"> <div align=center>Submenú</div> </td> </tr> <tr> <td class=normal onMouseDown=" this.className='abajo'" onMouseOver="this.className= 'arriba',alto(este)" onMouseOut="this.className='normal',bajo(este)" style="filter:alpha(opacity=50 )"onMouseUp="this.className='arriba'"> < div align=center>Submenú</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='abajo'" onMouseOver="this.className='arriba',high( this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp=" this.className='up'"> <div align=center>Submenú </div> </td> </tr> </table> </div> </div> </body> </html>