 |
热门文章 |
|
|
|
|
| js和css滤镜效果导航菜单 |
| 来源：阿里西西 更新时间：2009/6/15 15:33:25 阅读次数： 我要投稿 |
|
<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来标示对象以便调用，然后触发鼠标事件 --> |
|
| 上一篇文章： 纯CSS打造的三级联动级联菜单下一篇文章： 带圆角的二级下拉导航菜单 |
|
|
|
注册 登录
