首先非常感谢网友czqn8的无私分享,此作品是一款黑色的CSS3导航菜单, 效果非常酷,很实用,实现了二级导航菜单,代码非常简洁,由于用了CSS3,如果大家想看到最好的效果请使用谷歌、火狐等主流的浏览器预览效果。
页面代码结构:
<ul class="menu">
<li><a href="http://www.jq-school.com">首页</a></li>
<li><a href="http://www.jq-school.com">Jquery插件</a></li>
<li><a href="http://www.jq-school.com">Jquery学堂</a>
<ul>
<li><a href="http://www.jq-school.com" class="documents">Jquery知识</a></li>
<li><a href="http://www.jq-school.com" class="messages">div+css</a></li>
<li><a href="http://www.jq-school.com" class="signout">javascript</a></li>
</ul>
</li>
<li><a href="http://www.jq-school.com">资料库</a>
<ul>
<li><a href="http://www.jq-school.com" class="documents">Jquery教程</a></li>
<li><a href="http://www.jq-school.com" class="messages">html5</a></li>
<li><a href="http://www.jq-school.com" class="signout">css3</a></li>
</ul>
</li>
<li><a href="http://bbs.jq-school.com">Jquery交流社区</a></li>
</ul>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友czqn8 导航菜单 三级联动 二级菜单 css3