上一篇
下一篇
纯CSS仿微软经典菜单
作者:飘零雾雨 日期:2009-05-11
转载请注明出处，css探索之旅-飘零雾雨的庄园
老文重发，06年的时候发过一次，后来不知道怎么整没了，前几日从“垃圾堆”里找到，小修改了下再发一次，权当留念！
微软的IE浏览器菜单栏见过吧，哈哈！是不是很经典？这个例子就是用纯CSS仿微软经典菜单。不过没想象中的那么完美，不要期望太高，但还是蛮帅的。
已兼容了大部分的主流浏览器，这个不用担心，样式改变下，可以用到很多地方做下拉菜单，有其他需求的可以自己去扩展修改。
[纯CSS仿微软经典菜单实例：http://www.doyoe.com/model/xhtmlcss/menu/menu3/1.htm]
两个简单的衍生
[纯CSS打造的下拉菜单横向实例：http://www.doyoe.com/model/xhtmlcss/menu/menu1/1.htm]
[纯CSS打造的下拉菜单纵向实例：http://www.doyoe.com/model/xhtmlcss/menu/menu1/2.htm]
代码就不贴了，自己到实例里面去看^_^
文章来自: 
引用通告: 
Tags: 评论: 8 | 引用: 0 | 查看次数: -
回复
yeah之风[2009-06-04 03:56 PM | 
]要是能解释下源码就更好了
飘零雾雨 于 2009-06-05 11:15 AM 回复
飘零雾雨 于 2009-06-05 11:15 AM 回复呵呵，写的时候确实忘了加上注释了。
那个菜单太经典了，简直能以假乱真
恩，不错不错
收藏啦
可在那里可以看代码，我也想学习学习
飘零雾雨 于 2009-06-01 10:55 PM 回复
收藏啦
可在那里可以看代码，我也想学习学习
飘零雾雨 于 2009-06-01 10:55 PM 回复你直接点进去某个实例，查看源代码就OK！
刚一打开啥也没看到，仔细一看，才那个菜单居然跟菜单栏的如此相似，有才！
经典～ 哈哈
大家要注意看收藏夹里面的链接。
大家要注意看收藏夹里面的链接。
用这个来做下拉菜单，那不是一句js都不用了，哇卡卡，太好了
不错不错！
帅呆了，非常有感觉
发表评论