软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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实现无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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