CSS二级菜单
发布:李淳 | 发布时间: Tuesday, September 15, 2009最近的网站要求使用二级菜单，本着“能用别人的就用别人的，不能用别人的就用自己的”的原则，在网上找到一个经典的使用CSS制作的二级菜单，感觉不错，先记录下来，以备它用。经典的二级菜单如下图所示：
源代码下载地址：http://www.aspxfans.com/myBlogFile/经典的CSS二级菜单.rar
其实，所谓的二级菜单都差不多，无非就是为二级菜单定义一个层，当鼠标放在一级菜单上的时候显示这个层，而将鼠标从一级菜单上移开时隐藏这个层。因此，通过这个经典的CSS二级菜单又可以衍生出很多种不同的二级菜单，其中一种如下图所示，弹簧式的。
源代码下载地址：http://www.aspxfans.com/myBlogFile/经典的CSS二级菜单修改：弹簧式.rar
也可以竖着的二级菜单变成横着的，如下面两个图所示。
源代码下载地址：
http://www.aspxfans.com/myBlogFile/经典的CSS二级菜单修改：二级菜单为水平式（1）.rar
http://www.aspxfans.com/myBlogFile/经典的CSS二级菜单修改：二级菜单为水平式（2）.rar
以上几种菜单在IE、Firefox、Opera、Flock浏览器下运行通过，但是有一个问题，就是在一级菜单中单击鼠标后，二级菜单就不会消失了。这不能不说是一个bug啊。另外，还有一种横着的二级菜单，这个菜单如下图所示。该菜单在IE浏览器中运行通过，但在Firefox、Opera、Flock浏览器中运行不正常。
源代码下载地址：http://www.aspxfans.com/myBlogFile/经典的CSS二级菜单修改：水平方向.rar
- 相关文章:
select css美化样式 (2009-8-31 23:34:56)
发一个常用的CSS+div 菜单吧！ (2009-8-19 17:59:0)
常用定义css样式 (2009-5-23 16:50:58)
[Div+CSS教程]DIV CSS网页布局 让搜索引擎蜘蛛不再累 (2009-5-22 1:37:41)
[Div+CSS教程]作为一个web前端开发 (2009-5-22 0:40:5)
网站重构 CSS样式表的优化技巧 (2009-5-22 0:36:6)
用XHTML+CSS创建基于Web标准的网页 (2009-5-22 0:34:44)
CSS3 备受期待的八大功能 (2009-5-22 0:30:40)
用CSS定义图片由模糊到清楚的效果 (2009-5-21 19:4:50)
HTML CSS 开发规范 (2008-10-6 0:49:56)
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。