手风琴效果和标签页效果很类似。主要的区别在于显示和隐藏的方式不同。这里我们精心收集了10个标签页和手风琴效果的实现,希望大家喜欢!
1. Yetii – Yet (E)Another JavaScript Tab Interface
不使用javascript而使用轻量级,面对对象的代码,你可以有很多独立的标签页界面,指定初始的标签,打开自动标签轮播,添加上一个/下一个导航等等
2. Fresh Content Accordion
一个简单,但是非常炫的手风琴效果实现,使用CSS,jQuery和easing插件
3. Sweet AJAX Tabs with jQuery 1.4 And CSS3
在这个教程中你将学习创建一个多彩的AJAX支持的标签页页面,使用CSS3和jQuery1.4。
4. TN34 Timetabs – jQuery Plugin
这个jQuery插件由Mario Alves开发,自动切换标签页,兼容现代浏览器
5. Easy Accordion – jQuery Plugin
根据定义的list来产生一个非常光滑的水平手风琴效果。你可以定义幻灯或者静态效果
6. jQuery Smooth Tabs Plugin
使用简单的插件,允许你使用漂亮的效果展示内容,提供更好的用户体验
7. Elegant Accordion – jQuery And CSS3
一个使用简单的教程,帮助你创建优雅的手风琴效果。主要想法是鼠标悬浮时使用垂直的标签滑出
8. Collapser – jQuery Plugin
一个非常轻量级的Collapse插件用来扩展或者收缩元素
9. Horizontal Accordion using the Tabs
非常容易使用标签页创建水平手风琴效果。使用内置的水平效果和一些CSS调整。你可以创建很大不同的外观。你可以设置mouseover的事件配置属性,这样直到mouseover面板才展现
10. Multiple Tabs and Accordion instances
自从jQuery Tools 1.1.0 就可以使用一个调用来实例多个手风琴tab。这里你可以看到5个不同的Tabs,其中3个镶套在第二个Tab中。
via jquery4u.com
来源: 分享10个jQuery的标签页tabs和手风琴效果Accordion实现