一个很cool的网站导航栏

刚在网上看到一个很不错的网站导航栏效果，富有动态感，摘下来收藏先～

<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.getElementsByTagName("td");
for(var i=0;i </p>
<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>
<body>
<table cellspacing=4 cellpadding=1 bgColor=#336699 border=0 class=menu width=100 id=xmenu>
<tr>
<td>例子一</td>
</tr>
<tr>
<td>例子二</td>
</tr>
<tr>
<td>例子三</td>
</tr>
<tr>
<td>例子四</td>
</tr>
<tr>
<td>例子五</td>
</tr>
<tr>
<td>例子六</td>
</tr>
</table>
</body>
<script>showFilter(xmenu); //里面就的xmenu就是表格的ID号此函数可到处调用</script>

2006-12-26 网页制作 1,298 人浏览 0 条评论 cool, CSS, 导航栏, 网站

珂亦精品收藏