插件描述：jquery左右按钮控制图片滚动一屏3张中间图片放大显示。
实现代码
引用
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.movingboxes.js"></script>
html
<ul id="focus"> <li><a href="#" target="_blank"><img src="images/img01.jpg"></a></li> <li><a href="#" target="_blank"><img src="images/img02.jpg"></a></li> <li><a href="#" target="_blank"><img src="images/img03.jpg"></a></li> <li><a href="#" target="_blank"><img src="images/img04.jpg"></a></li> <li><a href="#" target="_blank"><img src="images/img05.jpg"></a></li> </ul>
js
<script type="text/javascript">
$(function(){
$('#focus').movingBoxes({
startPanel : 1, // 从第一个li开始
reducedSize : .5, // 缩小到原图50%的尺寸
wrap : true, // 无缝循环
buildNav : true,// 显示指示器效果
navFormatter : function(){ return "●"; } // 指示器格式，为空即会显示123
});
});
</script>PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
讨论这个项目（11）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
花儿～微香 0
2015/12/16 16:12:31
这个插件有点问题，再当前页面刷新就会所有的都缩小了，
。0
2016/3/10 11:03:05
-
亲 这个兼容问题你最后搞定了没哟，这个效果最好怎么实现的呢，我的项目中也有用的~~~
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
