插件描述：jquery左右按钮控制图片滚动一屏3张中间图片放大显示。
实现代码
引用
1 2 | <script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.movingboxes.js"></script> |
html
1 2 3 4 5 6 7 | <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
1 2 3 4 5 6 7 8 9 10 11 | <script type="text/javascript"> $(function(){ $('#focus').movingBoxes({ startPanel : 1, // 从第一个li开始 reducedSize : .5, // 缩小到原图50%的尺寸 wrap : true, // 无缝循环 buildNav : true,// 显示指示器效果 navFormatter : function(){ return "●"; } // 指示器格式，为空即会显示123 }); });</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery翻转卡片式插件
- 下一个特效： jQuery右键菜单插件context.js