ThinkSSL🔒 一键申购 5分钟快速签发 30天无理由退款 购买更放心 广告
## 特效介绍: jquery左右按钮控制图片滚动一屏3张中间图片放大显示。 ## 使用说明: **头部插入js和css:** ~~~ <script language="javascript" src="{zzz:sitepath}js/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="{zzz:plugpath}movingboxes/movingboxes.css" /> <script type="text/javascript" src="{zzz:plugpath}movingboxes/jquery.movingboxes.js"></script> ~~~ **内容调用:** ~~~ <div class="in_focus"> <div class="in_fctitle"><span>产品列表</span></div> <ul id="kehu"> {zzz:content type=product num=10 order=order} <li><a href="[content:link]"><img src="[content:pic]" height="120"/></a> <span><font color="[content:color]">[content:title]</font></span> </li> {/zzz:content} </ul> <div class="clear"></div> </div> <script type="text/javascript"> $(function(){ $('#kehu').movingBoxes({ startPanel : 1, // 从第一个li开始 reducedSize : 1, // 缩小到原图50%的尺寸 wrap : true, // 无缝循环 navFormatter : function(){ return "&#9679;"; } // 指示器格式,为空即会显示123 }); }); </script> ~~~ ## 插件演示: http://www.jq22.com/demo/jquery-lbt20151124/ ![](https://box.kancloud.cn/bb13842ea727dab752146938a07c2505_1351x359.jpg)