Smooth jQuery Based Accordion-style Image Slider - Accordion.js

jquery手风琴效果插件

Live demo

用法

1、加载插件

<script src="src/bower_components/jquery/dist/jquery.min.js"></script> <script src="src/jquery.accordion.js"></script> 

2、样式

*{padding:0;} .clearfix{clear:both;} ul{list-style: none;} .brand-species{width: 1000px;height: 398px;overflow: hidden;margin:0 auto;} .brand-species li{width:166.6px;height:398px;float:left;} 

3、启动

$(function(){     $('.brand-species').accordion({         currentWidth:'874',         otherWidth:'25',         itemDefautWidth:'166'     }) }) 

参数

• currentWidth 874 hover时当前元素元素宽度
• otherWidth 25 hover时其它元素宽度
• itemDefautWidth 166 常态时元素默认宽度
• speed 500 组件收缩速度