猎酷网

标签页tabs特效和手风琴效果

2013-04-18 0人评论 2091次浏览 分类:Js/Jquery特效

风琴效果和标签页效果很类似。主要的区别在于显示和隐藏的方式不同。这里我们精心收集了10个标签页和手风琴效果的实现,希望大家喜欢!

1. Yetii – Yet (E)Another JavaScript Tab Interface

不使用javascript而使用轻量级,面对对象的代码,你可以有很多独立的标签页界面,指定初始的标签,打开自动标签轮播,添加上一个/下一个导航等等

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

2. Fresh Content Accordion

一个简单,但是非常炫的手风琴效果实现,使用CSS,jQuery和easing插件

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

3. Sweet AJAX Tabs with jQuery 1.4 And CSS3

在这个教程中你将学习创建一个多彩的AJAX支持的标签页页面,使用CSS3和jQuery1.4。

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

4. TN34 Timetabs – jQuery Plugin

这个jQuery插件由Mario Alves开发,自动切换标签页,兼容现代浏览器

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

5. Easy Accordion – jQuery Plugin

根据定义的list来产生一个非常光滑的水平手风琴效果。你可以定义幻灯或者静态效果

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

6. jQuery Smooth Tabs Plugin

使用简单的插件,允许你使用漂亮的效果展示内容,提供更好的用户体验

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

7. Elegant Accordion – jQuery And CSS3

一个使用简单的教程,帮助你创建优雅的手风琴效果。主要想法是鼠标悬浮时使用垂直的标签滑出

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

8. Collapser – jQuery Plugin

一个非常轻量级的Collapse插件用来扩展或者收缩元素

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

9. Horizontal Accordion using the Tabs

非常容易使用标签页创建水平手风琴效果。使用内置的水平效果和一些CSS调整。你可以创建很大不同的外观。你可以设置mouseover的事件配置属性,这样直到mouseover面板才展现

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

10. Multiple Tabs and Accordion instances

自从jQuery Tools 1.1.0 就可以使用一个调用来实例多个手风琴tab。这里你可以看到5个不同的Tabs,其中3个镶套在第二个Tab中。

分享10个jQuery的标签页tabs和手风琴效果Accordion实现

via jquery4u.com

顶一下
(0)
0%
踩一下
(0)
0%

发表评论共有0访客发表了评论

    暂无评论,快来抢沙发吧!

我来说几句吧

验证码: 看不清楚?