绝对酷的黑色风格二级导航菜单

2024-09-05 12:19:46

字体：大中小

来源：转载

供稿：网友

绝对酷的黑色风格的网站二级导航条，目前有很多网站都使用本导航条，用到有2个背景图片，请顺着代码地址自行下载。本菜单操作舒服，简洁漂亮，带三角导航，清楚导航用户当前的位置，提升你网站的用户体验。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="content-type" content="application/xhtml+xml; charset=gb2312" /><title>css+js导航菜单</title><style type="text/css"></style></head><body><div id="menu" class="menu"><ul><li>首 页</li><li>源码下载<div>最新更新 下载排行 源码分类</div></li><li>ASP<div>AJAX 聊天留言 CMS系统</div></li><li>PHP<div>企业建站 AJAX相关</div></li><li>电子书籍<div>ASP书籍 PHP书籍 AJAX书籍</div></li><li>网页特效</li><li>广告服务</li><li>网站留言</li><li>友情链接</li><li>工具软件</li><li>English</li></ul></div><script type="text/javascript">var menu = document.getElementById("menu");var lis = menu.getElementsByTagName("li");var las = menu.getElementsByTagName("a");for(var i = 0; i < 6; i++){  lis[i].num = i;  lis[i].onmouseover = show;}function show(){var lias = lis[this.num].getElementsByTagName("a");for(var i = 0; i < lis.length; i++){lis[i].className = ""}for(var i = 0; i < las.length; i++){las[i].className = ""}lis[this.num].className = "block";lias[0].className = lias[0].id }</script></body></html>

上一篇：看似透明的红灰风格网站下拉菜单

下一篇：双层的CSS+Js选项卡菜单