[接着散分]纯CSS无限级下拉菜单
转载请注明出处,css探索之旅-飘零雾雨的庄园
前几天翻出以前写的一个纯CSS仿微软经典菜单,现在看来才感叹,微软的经典菜单确实很经典,至少看起来不觉得厌烦。
感叹归感叹,想想既然可以实现下拉菜单了,那么无限级下拉菜单理论上也是可以实现的,看了下之前的代码结构,马上肯定了这个理论。当然这完全归功于伟大的子选择符,形如:E>F,遗憾的是IE6并不支持子选择符,甚为郁闷,不过也不用放弃,可以换个解决方案。
一般来说无限级只是一种“存在状态”,但其实我们会用到的“并不会是无限”,而是有限的一定级数,比如说7级,8级,或更多一点,因为超出屏幕就没多少实际意义了,并且实际情况也比较少会出现那么深的层次关系。
无限级在非IE下是可以很简单就实现的,IE6也并非不能实现,只是稍微繁琐的,且不是“智能”的实现,而是通过“预设”,比如你预计最多只会出现6级的下拉菜单,那么预设10级应该就足够适应那些不确定因素了。所以前面我才会说无限级其实只是一种“存在状态”,我们所用到的并不会是无限的。
趁着一会的空闲,动手改造了一下原有的css样式文件。来看实例:
[纯CSS无限级下拉菜单实例:http://www.doyoe.com/model/xhtmlcss/menu/menu1/3.htm]
相关阅读:
[纯CSS仿微软经典菜单实例]
[纯CSS打造的下拉菜单横向实例]
[纯CSS打造的下拉菜单纵向实例]
------解决方案--------------------~jF
------解决方案--------------------
终于改多级鸟,帅!
------解决方案--------------------好帖 收藏
------解决方案--------------------好帖 收藏
------解决方案-------------------- 确实的经典,请问有没有源代码!!~~
------解决方案--------------------接分,谢谢
------解决方案--------------------接了..
------解决方案--------------------呵呵.jf.
------解决方案--------------------好东西 ,我只有先JF再慢慢消化了
------解决方案--------------------不错,收藏
------解决方案--------------------反映有点太灵敏了!!!
------解决方案--------------------赞一个!很强大……
------解决方案-------------------- 好像还行
------解决方案--------------------不错,弄的还可以..
------解决方案--------------------接分
------解决方案--------------------好好学学。
------解决方案--------------------来接分,谢谢。
------解决方案--------------------学习学习 !!
------解决方案--------------------
------解决方案--------------------学习!
------解决方案--------------------Strong
------解决方案--------------------接分哦!
------解决方案--------------------嗯,先吃饭再试…jf
------解决方案--------------------up...
------解决方案--------------------接分 `
------解决方案--------------------呵呵,不错的menubar呵,看上去很清新的,学习了
------解决方案--------------------接着!
------解决方案--------------------我也来看看 接分的哈~
------解决方案--------------------