一个网页图层的好棒的效果呀。
下面是源程序。
是一个网页。当你的mouse放在链接上的时候效果就出现了:).
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<style type=text/css>
A:visited { COLOR: #000000; FONT-SIZE: 9pt; TEXT-DECORATION: none; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
A:hover {COLOR: #0099cc; FONT-SIZE: 9pt; TEXT-DECORATION: underline; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
A:link {COLOR: #000000; FONT-SIZE: 9pt; TEXT-DECORATION: none; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
A:active {COLOR: #000000; FONT-SIZE: 9pt; TEXT-DECORATION: none; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
TD {COLOR: #000000; FONT-SIZE: 9pt; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
.shidianwu {FONT-SIZE: 10.5pt}
.unnamed1 {FONT-SIZE: 7pt; font-family:"Arial, Helvetica, sans-serif"; color:#336699}
.unnamed2 {FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; FONT-SIZE: 8pt}
.gray_border { border: 10px #F0F0F0 solid}
.table_bg { background-image: url(image/bg.gif); background-repeat: repeat-y; background-position: 0px 73px}
.form_link { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 7pt; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-image: url(image/bg1.gif)}
.article {
BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden
; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
</style>
<SCRIPT language=JavaScript1.2>
<!--


function Show(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "visible";
divid.filters.revealTrans.play();
}
function Hide(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealTrans.play();
}

//-->
</script>
<body bgcolor="#FFFFFF">
<table width="80%" border="0" cellspacing="0" cellpadding="2" align="center">
 <tr>
  <td><a href="software/dw3.zip" onMouseOver=Show(Layer1) onMouseOut=Hide(Layer1)>Dreamwever
   3.0</a>(20M)<br>
   <div id="Layer1" class="article" >　强力的网页制作、网站管理工具</div>
  </td>
 </tr>
 <tr>
  <td><a href="other/soft/UDfull.zip" onMouseOver=Show(Layer2) onMouseOut=Hide(Layer2)>UltraDev</a>
   1.0(18.9M)<br>
   <div id="Layer2" class="article" >　和Dreamweaver很相似，但绝不是它</div>
  </td>
 </tr>
 <tr>
  <td><a href="software/flash5.exe" onMouseOver=Show(Layer3) onMouseOut=Hide(Layer3)>Flash
   5</a>(40M)<br>
   <div id="Layer3" class="article" >　这个就不用再多说了吧，不过绝对和18M的那种不同！</div>
  </td>
 </tr>
 <tr>
  <td>这是效果</td>
 </tr>
 <tr>
  <td><a href=software/dwcb.zip onMouseOver=Show(Layer5) onMouseOut=Hide(Layer5)>这是效果</a><br>
   <div id="Layer5" class="article" >　这是效果这是效果这是效果这是效果这是效果</div>
  </td>
 </tr>
 <tr>
  <td><a href="software/extension/ScriptInspector1.zip" onMouseOver=Show(Layer6) onMouseOut=Hide(Layer6)>这是效果</a>(5.5M)<br>
   <div id="Layer6" class="article" >　这是效果这是效果这是效果这是效果这是效果</div>
  </td>
 </tr>
 <tr>
  <td><a href="software/extension/mmJIK.mxp" onMouseOver=Show(Layer7) onMouseOut=Hide(Layer7)>这是效果</a>(386K)<br>
   <div id="Layer7" class="article" >这是效果这是效果这是效果这是效果这是效果</div>
  </td>
 </tr>
 <tr>
  <td><a href="software/extension/exmanager.exe" onMouseOver=Show(Layer8) onMouseOut=Hide(Layer8)>这是效果</a>(2M)<br>
   <div id="Layer8" class="article" >　这是效果这是效果这是效果这是效果这是效果</div>
  </td>
 </tr>
 <tr>
  <td><a href="other/soft/pws.zip" onMouseOver=Show(Layer9) onMouseOut=Hide(Layer9)>这是效果</a>(21.4M)<br>
   <div id="Layer9" class="article" >　这是效果这是效果这是效果这是效果这是效果</div>
  </td>
 </tr>
 <tr>
  <td><a href="other/soft/drm301up.exe" onMouseOver=Show(Layer10) onMouseOut=Hide(Layer10)>这是效果</a>(1.1M)<br>
   <div id="Layer10" class="article" >　这是效果这是效果这是效果这是效果这是效果</div>
  </td>
 </tr>
 <tr>
  <td><a href="software/cn-flash.exe" onMouseOver=Show(Layer11) onMouseOut=Hide(Layer11)>这是效果</a>(603k)<br>
   <div id="Layer11" class="article" >　这是效果这是效果这是效果这是效果这是效果</div>
  </td>
 </tr>
 <tr>
  <td><a href=software/Acdc3224.exe onMouseOver=Show(Layer12) onMouseOut=Hide(Layer12)>这是效果</a><br>
   <div id="Layer12" class="article" >　这是效果这是效果这是效果这是效果这是效果</div>
  </td>
 </tr>
</table>
</body>
</html>