MovingBoxes是一款jQuery左右按钮控制图片滚动,一组3张图,中间图片会放大显示。
引入movingboxes相册插件
<link type="text/css" href="css/style.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.movingboxes.js"></script>
相册图片li列表
<ul id="focus">
<li><a href="http://www.sucaihuo.com" target="_blank"><img src="images/img04.jpg"></a></li>
<li><a href="http://www.sucaihuo.com" target="_blank"><img src="images/img05.jpg"></a></li>
</ul>
movingBoxesAPI调用
$('#focus').movingBoxes({
startPanel: 1, // 从第一个li开始
reducedSize: .5, // 缩小到原图50%的尺寸
wrap: true, // 是否无缝循环
buildNav: false, // 是否显示分页
navFormatter: function() {
return "●";// 返回分页格式
}
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791