看似透明的红灰风格网站下拉菜单

2024-09-05 12:19:46

字体：大中小

来源：转载

供稿：网友

同样是一款下拉菜单，但效果却不一样，为什么看上去会很漂亮，这需要有一定的美感，这就是美工应该具备的基本素质，我们应该努力学习网页本色，配色也是导航条外观美丽的重要指标哦。

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>红灰导航菜单</title><style type="text/css"></style><script type=text/javascript>function menuFix() {var sfEls = document.getElementById("nav").getElementsByTagName("li");for (var i=0; i<sfEls.length; i++) {sfEls[i].onmouseover=function() {this.className+=(this.className.length>0? " ": "") + "sfhover";}sfEls[i].onMouseDown=function() {this.className+=(this.className.length>0? " ": "") + "sfhover";}sfEls[i].onMouseUp=function() {this.className+=(this.className.length>0? " ": "") + "sfhover";}sfEls[i].onmouseout=function() {this.className=this.className.replace(new RegExp("( ?|^)sfhover//b"),"");}}}window.onload=menuFix;</script></head><body><div id="nav"><ul><li>网站首页</li><li>源码下载<ul><li>最新更新</li><li>下载排行</li></ul></li><li>网页特效<ul><li>菜单导航</li><li>层和布局</li></ul></li><li>ASP源码<ul><li>论坛社区</li><li>AJAX相关</li><li>新闻文章</li></ul></li><li>脚本资源<ul><li>AJAX</li><li>JQUERY</li></ul></li><li>网站留言</li><li>联系我们</li></ul></div></body></html>

上一篇：黑色竖排的CSS导航菜单

下一篇：绝对酷的黑色风格二级导航菜单

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注