CSS用滤镜打造的椭圆型导航菜单


本菜单的效果的功臣主要是CSS，具体一点是Filter滤镜，一改大家常见到的矩形菜单，用滤镜将每个菜单项打造成椭圆型，而且每个菜单项还会随着浏览器的宽度而自动适应，兼容性也不错，为网页增添了几分个性。

答案：<html>
<head>
<title>CSS用滤镜打造的椭圆型导航菜单</title>
<script language="javascript" for="menu" event="onmouseover">
this.style.background="#0066CC";
</script>
<script language="javascript" for="menu" event="onmousedown">
this.style.background="#000000";
</script>
<script language="javascript" for="menu" event="onmouseout">
this.style.background="green";
</script>
<style type="text/css">
td{width:122px;height:32px;background:green;filter:alpha(opacity=100,finishopacity=0,style=2);text-align:center;font-size:9pt;color:#ff8800}
</style>
</head>
<body>
<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> 
</body>
</html>

上一个：宽度可以伸缩的选项卡，来自网易
下一个：JS+CSS多风格自由拖动的菜单窗口

更多图片编程知识: