常用插件或组件

如果没有特殊说明, 统一使用通用 jq 版本

 <script src="http://zhcdn01.xoyo.com/assets/lib/jquery/jquery.1.7.2.js"></script>

1. 轮播图 具体查看此网址 http://www.ijquery.cn/?p=176

<script src=" //jx2.xoyo.com/zt/2017/02/22/preindex/js/jquery.flexslider-min.js">
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />

// html
<div class="flexslider" style="width:500px;margin-left:110px;">
  <ul class="slides">
      <li>![](images/s1.jpg)</li>
      <li>![](images/s2.jpg)</li>
      <li>![](images/s3.jpg)</li>
      <li>![](images/s4.jpg)</li>
  </ul>
</div>


// js部分
$(function() {
    $(".flexslider").flexslider({
        slideshowSpeed: 4000, //展示时间间隔ms
        animationSpeed: 400, //滚动时间ms
        touch: true //是否支持触屏滑动
    });
});