Accordionza—手风琴jQuery插件

Accordionza非常灵活和轻量级的手风琴jQuery插件(v1.4 +)。调用方法 $(document).ready(function () { // Accordion Demo #1 $('#accordion1').accordionza({ autoPlay: true, captionDelay: 1000, captionEasing: 'easeOutBounce', captionHeight: 40, captionHeightClosed: 10, navKey: true, slideDelay: 4000 }); }); $(document).ready(function () { // Accordion Demo #2 $('#accordion2').accordionza({ autoPlay: true, autoRestartDelay: 3000, onSlideClose: function () { this.children('p').stop(true).animate({ left: 320, opacity: 0 }, 500); }, onSlideOpen: function () { var properties = { left: 160, opacity: 1 }; var duration = 500; var easing = 'easeOutBack'; this.children('p').stop(true) .filter(':eq(0)').animate({ opacity: 0 }, 000).animate(properties, duration, easing).end() .filter(':eq(1)').animate({ opacity: 0 }, 250).animate(properties, duration, easing).end() .filter(':eq(2)').animate({ opacity: 0 }, 500).animate(properties, duration, easing); }, slideDelay: 3000, slideEasing: 'easeOutCirc', slideSpeed: 250, slideTrigger: 'mouseover', slideWidthClosed: 160 }); }); $(document).ready(function () { // Accordion Demo #3 $('#accordion3').accordionza({ autoPlay: true, autoRestartDelay: 0, pauseOnHover: true, slideDelay: 3000, slideEasing: 'easeOutCirc', slideSpeed: 400, slideTrigger: 'mouseover', startSlide: 4 }); });许多功能——轻松配置效果和速度;暂停盘旋;自动播放和autorestart;collapseable字幕等等。　　键盘导航,选择启用光标键浏览手风琴。　　轻量级-插件只需要3 kb加载。　　灵活——包含了三手风琴风格。创建自己的一些HTML&CSS技能。　　固体——没有不稳定的边缘经常看到在其他手风琴脚本。　　渐进增强,所有内容仍然可以不启用JavaScript。

在线演示        积分下载        6毛下载        砍两刀下载