Reemplaza múltiples saludos con efectos especiales

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

<style> body,td,a {font-size:9pt;color:black;text-decoration:none} .normal {padding:2px} .up {padding:1px;borde:#999999 1px sólido;fondo:#cccccc} .down {padding:1px;border:dbdbdb 1px sólido;fondo:dbdbdb} .menuv {filtro: revelarTrans(transition=23,duration=0.5); padding: 2px} </style>  <script> //Función de borde de tabla intermitente flashit(){if(!document.all)return; if (td123.style.borderColor=="black")td123.style.borderColor="#999999";else td123.style.borderColor="black"}setInterval("flashit()",500) //Efecto de desvanecimiento , cambie la función de valor alfa high(image){theobject=image,highlighting=setInterval("highlightit(theobject)",100)}function low(image){clearInterval(highlighting),image.filters.alpha.opacity=50} función resaltarit(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=20;else if(window.highlighting)clearInterval (highlighting)} //JS de capa de arrastre var over= false ,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop;}} //Función de capa deslizante bodyload() { if(plane.style.pixelTop!=0) { plane.style.pixelTop-=10 setTimeout('bodyload()',1) } } //Función de capa de visualización de degradado Show(divid) { divided. .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"> < tabla id="td123" espacio entre celdas=2 ancho=100 borde=0 estilo="BORDE:#999999 1px sólido;cursor:mano" cellpadding="0" bgcolor="f4f4f4"> <tr> <td bgcolor="#cccccc " height="20" style="BORDER:#999999 1px solid;cursor:move"> <div align="center">Menú deslizante de varios niveles</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='abajo'" onMouseOver="this.className='arriba',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 menú de nivel inferior >></ div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='abajo'" onMouseOver="this.className='arriba',high(this),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='down '" onMouseOver="this.className ='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filtro:alpha(opacity=50)" onMouseUp="this .className='up'"> <div align="right">Sin menú subordinado>></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:alpha(opacity=50)" onMouseUp="this .className='up'"> <div align="right">Sin menú subordinado>></div> </td> </tr> </table> <div id="menu1" style="position:absolute ;arriba:24px;izquierda:96px; índice z:1; visibilidad: oculto; ancho: 105" onMouseOver=this.style.visibility='visible' onMouseOut=this.style.visibility='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='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: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='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filtro: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='arriba', alto(esto)" onMouseOut="this.className='normal',bajo(esto)" 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 borde=0 estilo ="BORDE:#999999 1px sólido;cursor:mano" 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="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='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',alto(esto)" onMouseOut="this.className='normal',bajo(esto)" style="filtro:alfa(opacidad=50)" onMouseUp="this.className='arriba'"> <div align= center>Submenú</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver="this.className='up',high(este ) " 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 onmousemove="move()" onload=bodyload()>