中文(简体)
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.downcodes。 com</title> <script language=JavaScript1.2> <!-- function high(which2){ theobject=which2highlighting=setInterval("highlightit(theobject)",40) } function low(which2){clearInterval(highlighting) which2.filters.alpha.opacity=40 } 函数highlightit(cur2){ if (cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=5 else if (window.highlighting) clearInterval(highlighting) } / /--> </script> <style type="text/css"> <!-- h1 {text-align:center;margin-top:50px;} p#outer { margin:0 auto;宽度:202px; } #outer a { 边距:0px;显示:块;位置:相对;边框:1px实线#ccc; } #outer a:hover {border:1px dashed #c00;} #outer img {display:block;border:none;background:#069;} --> </style> </head> <body> <h1>将鼠标移至图片,将会看到此效果。</h1> <p id="outer"><a href="http://www.downcodes.com/"><img onMouseOut=low(this) onMouseOver =高(此)样式='过滤器:alpha(不透明度= 20)'src =“/u/info_img/2009-06/20/8833_logo.gif”alt =“www.downcodes.com”宽度=“200”高度=“90”/></a> </p> </body> </html>