看似透明的紅灰風格網站下拉菜單

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   class="1bvnrv5"   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導航菜單

下一篇：絕對酷的黑色風格二級導航菜單

學習交流

如何查找有故障的配件

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

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注