阅读内容 

用DHTML做的一个菜单特效

[日期:2005-11-27] 来源:易书网  作者:易水风寒 [字体: ]

源码:
<!--样式表部分-->
<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<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>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>

阅读:
录入:

推荐 】 【 打印
相关新闻      
本文评论       全部评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款


点评: 字数
姓名:
Advertisement
内容查询


Advertisement