效果演示网站:http://kr.shopping.yahoo.com/
就是上面网址中居中的那个多级的滑动tab菜单,下面的图是我自己用jquery制作出的效果:
我自己制作的效果演示网址是:
http://taotao.wsyren.com/multitab/multitab.html
总的来说制作这个效果用到的js代码并不是很难,难的主要就是CSS的样式设置问题,以上代码兼容ie6,7,8,opera,ff,chrome.
附上源码,供有需要的朋友下载改动!
6 楼
comeonbabye
2008-11-27
牛，很想用这个，但是一时又看不太懂
7 楼
javahead
2008-11-27
支持
从UI设计角度考虑，Tab不应该嵌套的，否则很影响美观，也不易用
Eclipse编辑器中是通过上下不同风格的Tab解决的
一般系统也没提供左右形式的Tab，在一些程序界面较窄的地方，如QQ，程序的LeftBody部分还是可以应用的
从UI设计角度考虑，Tab不应该嵌套的，否则很影响美观，也不易用
Eclipse编辑器中是通过上下不同风格的Tab解决的
一般系统也没提供左右形式的Tab，在一些程序界面较窄的地方，如QQ，程序的LeftBody部分还是可以应用的
8 楼
litianyi520
2008-11-27
很好!ding !
9 楼
ypluck
2008-11-28
顶~_~
10 楼
flyfan
2008-11-28
顶确是不错
11 楼
hommy
2008-11-28
http://taotao.wsyren.com/multitab/multitab.html 好像有病毒
12 楼
czwlucky
2008-11-28
写的不错，加上漂亮的样式就有效果啦。也许不用jQuery你一样能写出来这样的效果。
13 楼
天下有鹏
2008-11-28
怎么会有病毒！
14 楼
zookie
2008-11-28
鄙视棒子，
15 楼
rainshow
2008-11-28
有BUG，112 113显示位置不正确
16 楼
rainshow
2008-11-28
补充一下，FF下显示正确。在我的IE6下112 113显示的位置不正确
17 楼
congjl2002
2008-11-28
非常强大，如果加上点样式就更完美了
18 楼
zenggang2008
2008-11-28
支持原创~~~
19 楼
sqgod
2008-11-28
20 楼
winner720
2008-11-29
谢谢分享
21 楼
通宵舒服
2008-11-29
分分钟给你3分
22 楼
天机老人
2008-11-29
牛啊！！！！！
23 楼
niunan
2008-11-30
rainshow 写道
补充一下，FF下显示正确。在我的IE6下112 113显示的位置不正确
奇怪,我在ietester里测试IE6里显示也正常呀...
24 楼
niunan
2008-11-30
hommy 写道
http://taotao.wsyren.com/multitab/multitab.html 好像有病毒
天下有鹏 写道
怎么会有病毒！
我上去我的杀软都没报错的,看了下页面源码,也没被插入什么空iframe之类的...
我的杀软是NOD32
25 楼
zhangyong0823
2009-04-16
老带劲了！