制作多级滑动tab菜单

效果演示网站:http://kr.shopping.yahoo.com/
就是上面网址中居中的那个多级的滑动tab菜单,下面的图是我自己用jquery制作出的效果:

我自己制作的效果演示网址是:
http://taotao.wsyren.com/multitab/multitab.html

总的来说制作这个效果用到的js代码并不是很难,难的主要就是CSS的样式设置问题,以上代码兼容ie6,7,8,opera,ff,chrome.

附上源码,供有需要的朋友下载改动!

评论

25 楼 zhangyong0823 2009-04-16  

老带劲了！

24 楼 niunan 2008-11-30  

hommy 写道

http://taotao.wsyren.com/multitab/multitab.html 好像有病毒

天下有鹏 写道

怎么会有病毒！

我上去我的杀软都没报错的,看了下页面源码,也没被插入什么空iframe之类的...
我的杀软是NOD32

23 楼 niunan 2008-11-30  

rainshow 写道

补充一下，FF下显示正确。在我的IE6下112 113显示的位置不正确

  奇怪,我在ietester里测试IE6里显示也正常呀...

22 楼 天机老人 2008-11-29  

牛啊！！！！！

21 楼 通宵舒服 2008-11-29  

分分钟给你3分

20 楼 winner720 2008-11-29  

谢谢分享

19 楼 sqgod 2008-11-28  

18 楼 zenggang2008 2008-11-28  

支持原创~~~

17 楼 congjl2002 2008-11-28  

非常强大，如果加上点样式就更完美了

16 楼 rainshow 2008-11-28  

补充一下，FF下显示正确。在我的IE6下112 113显示的位置不正确

15 楼 rainshow 2008-11-28  

有BUG，112 113显示位置不正确

14 楼 zookie 2008-11-28  

鄙视棒子，

13 楼 天下有鹏 2008-11-28  

怎么会有病毒！

12 楼 czwlucky 2008-11-28  

写的不错，加上漂亮的样式就有效果啦。也许不用jQuery你一样能写出来这样的效果。

11 楼 hommy 2008-11-28  

http://taotao.wsyren.com/multitab/multitab.html 好像有病毒

10 楼 flyfan 2008-11-28  

顶确是不错

9 楼 ypluck 2008-11-28  

顶~_~

8 楼 litianyi520 2008-11-27  

很好!ding !

7 楼 javahead 2008-11-27  

支持
从UI设计角度考虑，Tab不应该嵌套的，否则很影响美观，也不易用
Eclipse编辑器中是通过上下不同风格的Tab解决的
一般系统也没提供左右形式的Tab，在一些程序界面较窄的地方，如QQ，程序的LeftBody部分还是可以应用的

6 楼 comeonbabye 2008-11-27  

牛，很想用这个，但是一时又看不太懂