以下为引用的内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <cabeça> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.webjx.com</title> <linguagem de script=JavaScript1.2> <!-- função alta(qual2){ oobjeto=qual2 destacando=setInterval("destaque(oobjeto)",40) } função baixa(qual2){ clearInterval(destacando) which2.filters.alpha.opacity=40 } função destaque(cur2){ se (cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=5 senão se (janela.destaque) clearInterval(destacando) } //--> </script> <style type="texto/css"> <!-- h1 {text-align:center;margin-top:50px;} p#externo { margem:0 automático; largura:202px; } #externo a { margem:0px; exibição: bloco; posição: relativa; borda:1px sólido #ccc; } #outer a:hover {border:1px tracejado #c00;} #outer img {display:block;border:none;background:#069;} --> </estilo> </head> <corpo> <h1>将鼠标移至图片,将看到此效果。</h1> <p id="outer"><a href="http://www.webjx.com/"><img onMouseOut=low(this) onMouseOver=high(this) style='FILTER: alpha(opacity=20) ' src="/u/info_img/2009-05/30/logo.gif" alt="www.webjx.com" width="200" height="90" /></a> </p> </body> </html> |