## 特效介绍： Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果，具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。 ## 使用说明： **头部插入js和css：** ~~~ <script language="javascript" src="{zzz:sitepath}js/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="{zzz:plugpath}FlexSlider/flexslider.css" /> <script type="text/javascript" src="{zzz:plugpath}FlexSlider/flexslider.js"></script> <script type="text/javascript" src="{zzz:plugpath}FlexSlider/jquery.easing.js"></script> <script type="text/javascript" src="{zzz:plugpath}FlexSlider/jquery.mousewheel.js"></script> <script type="text/javascript"> $(function() { $(".flexslider").flexslider({ slideshowSpeed: 4000, //展示时间间隔ms animationSpeed: 400, //滚动时间ms touch: true //是否支持触屏滑动 }); }); </script> ~~~ **内容调用：** ~~~ <div class="flexslider"> <ul class="slides"> {zzz:slidelist type=A num=4} <li id="slidelist[slidelist:i]"><img src="[slidelist:pic]" alt="[slidelist:title]"></a></li> {/zzz:slidelist} </ul> </div> ~~~ ## 插件演示： https://www.helloweba.com/demo/flexslider/