文件名称:CSS写的下拉菜单_WEB标准
文件大小:71KB
文件格式:RAR
更新时间:2012-07-15 09:02:57
CSS下拉菜单
下拉菜单由于实用,所以受到人们的欢迎。下拉菜单通常是由javascript来实现的,也应该由 javascript 来实现,因为这属于行为层范围。然而大家知道,使用 CSS 的 :hover 伪类也可以制作下拉菜单,比起javascript来,使用CSS制作更简单,且更容易理解。但由于 IE6 只有 a 标签支持 :hover 伪类,所以又给这种带来了“阻碍”。不过大家还是比较喜欢纯CSS下拉菜单,现在我们就利用 IE条件注释来制作一个纯CSS下拉菜单。为了便于理解,选择了很很简单的代码,至于更复杂的,大家可以触类旁通、举一反三。
【文件预览】:
CSS下拉菜单
----upmenu-水平竖弹向上三级弹出菜单.html(10KB)
----5款漂亮的CSS横向下拉菜单导航条()
--------images()
--------style4()
--------style1()
--------style2()
--------style3()
--------index.htm(2KB)
--------style5()
----flyout-竖向三级弹出菜单.html(8KB)
----dropline-水平三级横向弹出菜单.html(9KB)
----三级dropdown弹出菜单.html(9KB)
----CSS带图标的下垃菜单()
--------people.gif(173B)
--------links.gif(175B)
--------image_drop.html(16KB)
--------key.gif(173B)
--------folder.gif(173B)
--------book.gif(173B)
--------drop_0.gif(906B)
--------info.gif(251B)
--------stop.gif(133B)
--------image_drop_1a.gif(1KB)
--------dropb_1.gif(2KB)
--------monitor.gif(180B)
--------paint.gif(197B)
--------text.gif(179B)
--------world.gif(256B)
--------image_drop.zip(23KB)
--------dropa_0.gif(417B)
--------image_drop_0b.gif(2KB)
--------image_drop_0a.gif(1KB)
--------home.gif(177B)
--------dropb_0.gif(885B)
--------email.gif(250B)
--------page.gif(157B)
--------qmark.gif(226B)
--------drop_1.gif(2KB)
--------transparent.gif(43B)
--------dropba_1.gif(451B)
--------shop.gif(181B)
--------cog.gif(195B)
--------image_drop_1b.gif(2KB)
--------edit.gif(178B)
--------image_drop_back.gif(235B)
--------house.gif(186B)
----二级dropdown弹出菜单.html(8KB)