手风琴效果和标签页效果很类似。主要的区别在于显示和隐藏的方式不同。这里我们精心收集了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
No comments:
Post a Comment