纯CSS仿微软经典菜单

转载请注明出处,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]

  代码就不贴了,自己到实例里面去看^_^




[本日志由 飘零雾雨 于 2009-06-04 09:11 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 纯css 微软 菜单
评论: 8 | 引用: 0 | 查看次数: -
回复回复yeah之风[2009-06-04 03:56 PM | del]
要是能解释下源码就更好了
引用来自 飘零雾雨 飘零雾雨 于 2009-06-05 11:15 AM 回复
呵呵,写的时候确实忘了加上注释了。
回复回复ten[2009-06-02 06:12 PM | del]
那个菜单太经典了,简直能以假乱真
回复回复shitou[2009-06-01 03:08 PM | del]
恩,不错不错
收藏啦
可在那里可以看代码,我也想学习学习
引用来自 飘零雾雨 飘零雾雨 于 2009-06-01 10:55 PM 回复
你直接点进去某个实例,查看源代码就OK!
回复回复kitty[2009-05-27 10:50 AM | del]
刚一打开啥也没看到,仔细一看,才那个菜单居然跟菜单栏的如此相似,有才!
回复回复大头[2009-05-18 09:19 AM | del]
经典~ 哈哈

大家要注意看收藏夹里面的链接。
回复回复donny[2009-05-11 05:44 PM | del]
用这个来做下拉菜单,那不是一句js都不用了,哇卡卡,太好了
回复回复thebye85[2009-05-11 02:53 PM | del]
不错不错!
回复回复lucky[2009-05-11 01:10 PM | del]
帅呆了,非常有感觉
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.