用DHTML做的一個菜單特效

顯示全部樓層 · 發表於 2006-1-19 11:39:41

源碼：

<style type=text/css>
.menu td{font-size:12px;color:white;font-weight:bold;background:#336699;border:1px solid #336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center}
</style>


<script language=javascript type=text/javascript>
function showFilter(obj){
var tds=obj.getElement好yTagName("td");
for(var i=0;i<tds.length;i++){
with(tds[i]){
  onmouseover=function(){
  with(this){
  filters[0].apply();
  style.color='black';
  style.border='1px solid white';
  style.background='#66CCFF';
  filters[0].play();
  }
  }
  onmouseout=function(){
  with(this){
  filters[0].apply();
  style.color='white';
  style.border='1px solid #336699';
  style.background='#336699';
  filters[0].play();
  }
  }
}
}
}
</script>


<table cellspacing=4 cellpadding=1 bgColor=#336699 border=0 class=menu width=100 id=xmenu>
<tr><td>0128論壇</td></tr>
<tr><td>例子二</td></tr>
<tr><td>例子三</td></tr>
<tr><td>例子四</td></tr>
<tr><td>例子五</td></tr>
<tr><td>例子六</td></tr>
</table>
<script>showFilter(xmenu); //裡面就的xmenu就是表格的ID號此函數可到處調用</script>

顯示全部樓層 · 發表於 2006-1-21 09:22:23

提示: 作者被禁止或刪除內容自動屏蔽

		自動登錄	找回密碼
密碼			免费注册

用DHTML做的一個菜單特效

相關帖子