**特效介绍:** jquery左右按钮控制图片滚动一屏3张中间图片放大显示。 **使用说明:** 头部插入js和css: ~~~ <script language="javascript" src="{cms:sitepath}js/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="{cms:plugpath}movingboxes/movingboxes.css" /> <script type="text/javascript" src="{cms:plugpath}movingboxes/jquery.movingboxes.js"></script> ~~~ **内容调用:** ~~~ <div class="in_focus"> <div class="in_fctitle"><span>产品列表</span></div> <ul id="kehu"> {cms: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> {/cms: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> ~~~