免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 起源之家 > 免费资源 > 分享资源 > 文章正文

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

时间:02-07 17:08 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  手风琴效果和标签页效果很类似。主要的区别在于显示和隐藏的方式不同。这里我们精心收集了10个标签页和手风琴效果的实现,希望大家喜欢!

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

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

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,分享10个jQuery的标签页tabs和手风琴效果Accordion实现对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与分享10个jQuery的标签页tabs和手风琴效果Accordion实现无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对起源之家有任何意见或建议,请到交流平台反馈。到留言板反馈