jquery手风琴图片效果插件
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 组件收缩速度
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
