Efecto de reproducción de animación de ondas de personajes (vale la pena usarlo)

Autor：Eve Cole Fecha de actualización：2009-06-18 17:27:20

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"> <head> <meta name="verify-v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" /> <title>Webjx.Com, una academia de creación de sitios web, proporciona la última y más rápida tecnología web</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http -equiv=" Content-Language" content="gb2312" /> <style type="text/css"> *{ margin:0;padding:0 } </style> </head> <body> <div class; ="cecmbody" id="cecmpolicy"> <div class="leftClass"> PruebaPrueba PruebaPrueba Prueba PruebaPrueba PruebaPruebaPruebaPrueba p>PruebaPruebaPruebaPrueba PruebaPrueba PruebaPrueba PruebaPruebaPruebaPrueba PruebaPruebaPruebaPrueba PruebaPruebaPrueba Prueba PruebaPruebaPruebaPrueba Prueba p>PruebaPruebaPrueba <input type="button" value="Haga clic aquí" onclick=" sAlert('Soy un gradiente sAlert',this);" /> PruebaPruebaPruebaPrueba PruebaPruebaPruebaPruebaPruebaPruebaPrueba Prueba PruebaPruebaPruebaPrueba PruebaPruebaPruebaPruebaPruebaPruebaPrueba Prueba PruebaPruebaPruebaPrueba PruebaPruebaPruebaPruebaPruebaPruebaPruebaPrueba </div > <div class="rightClass"> </div> </div> <script type="text/javascript" language="javascript"> función sAlert(txt){ var eSrc=(documento .all)?window.event .srcElement:argumentos[1]; var escudo = document.createElement("DIV"); escudo.id = "escudo"; = "0px"; escudo.style.top = "0px"; escudo.estilo.width = "100%"; escudo.estilo.height = document.body.scrollHeight+"px"; "; escudo.style.textAlign = "centro"; escudo.style.zIndex = "10000"; escudo.estilo.filter = "alfa(opacidad=0)"; escudo.estilo.opacidad = 0; var alertFram = documento. createElement("DIV"); alertFram.id="alertFram"; alertFram.style.position = "absoluto"; alertFram.style.left = "50%"; alertFram.style.top = "50%"; .marginLeft = "-225px"; alertFram.style.marginTop = -75+document.documentElement.scrollTop+"px"; alertFram.style.width = "450px"; background = "#ccc"; alertFram.style.textAlign = "center"; alertFram.style.lineHeight = "150px"; alertFram.style.zIndex = "10001"; none;margin:0px;padding :0px;width:100%">n"; strHtml += " <li style="antecedentes:#DD828D;text-align:left;padding-left:20px;font- tamaño:14px;peso de fuente:negrita;altura:25px;altura de línea:25px;borde:1px sólido #F9CADE;">[Mensaje del sistema]</li>n"; strHtml += " <li style= "fondo:#fff; alineación de texto:centro;tamaño de fuente:12px;altura:120px;altura de línea:120px;borde-izquierdo:1px sólido #F9CADE;borde-derecho:1px sólido #F9CADE;"> "+txt+"</li >n"; strHtml += " <li style="fondo:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; borde :1px sólido #F9CADE; "><tipo de entrada="botón" valor="OK" id="do_OK" onclick="doOk()" /></li>n" ; strHtml += "</ ul>n"; alertFram.innerHTML = strHtml; document.body.appendChild(alertFram); document.body.appendChild(shield); opacidad>=1)opacidad= opacidad/100; prueba{ obj.style.opacity=opacidad; }catch(e){} prueba{ if(obj.filters.length>0&&obj.filters("alpha")){ obj. filtros("alfa"). opacidad=opacidad*100; }else{ obj.style.filter="alpha(opacidad=""+(opacidad*100)+"")"; } } var c = 0; this.doAlpha = function(){ if (++c > 20){clearInterval(ad);return 0;} setOpacity(shield,c } var ad = setInterval("doAlpha()); ",1); this. doOk = function(){ //alertFram.style.display = "none"; //shield.style.display = "none"; document.body.removeChild(alertFram); document.body. removeChild(shield); eSrc. focus(); document.body.onselectstart = function(){return true;} document.body.oncontextmenu = function(){return true;} } document.getElementById("do_OK"). (); eSrc.blur( ); document.body.onselectstart = function(){return false;} document.body.oncontextmenu = function(){return false;} } </script> </body> </html>