jQuery反转式轮播插件roundabout.js简单好用，兼容ie6

引入样式文件：

<link rel="stylesheet" href="css/index.css" />

<link rel="stylesheet" href="css/planting.css" />

js脚本文件：

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<script src="js/jquery.roundabout.min.js"></script>

Html：

<div class="" id="featured-area">

    <ul>

        <li>

            <img src="img/t1.png">

        </li>

        <li>

            <img src="img/t2.png">

        </li>

        <li>

            <img src="img/t3.png">

        </li>

    </ul>

</div>

js逻辑处理：

$('#featured-area ul').roundabout({

     autoplay: true, //自动轮播

     autoplayDuration: 4000, //自动轮播间隔时间

     easing: 'easeOutInCirc',

     duration: 600,

     enableDrag: true //启动移动端拖动轮播

 });