评论：jQuery轮播图 平滑过渡，自动播放（原创）  [查看原文]

css代码：

*{
    padding: 0;
    margin: 0;
}

.focus {
    border: 1 px solid black;
    margin: 150 px auto;
}

HTML代码：

<div class="focus">
    <ul>
        <li><img src="img/tu4.jpg"></li>
        <li><img src="img/tu2.jpg"></li>
        <li><img src="img/tu3.jpg"></li>
        <li><img src="img/tu1.jpg"></li>
    </ul>
    <ol>
    </ol>
    <span class="lb_l"><</span>
    <span class="lb_r">></span>
</div>

js代码：

<script>
    var focusWidth = 640; // 轮播图的宽
    var focusHeight = 427.5; // 轮播图的高
    var focusOlLeft = 270; // 小点距左边框距离
    var focusOlTop = 5; // 小点距下边框距离
    var rotation_Speed = 3000; // 轮播图自动播放速度 毫秒
    setRotation(focusWidth, focusHeight, focusOlLeft, focusOlTop, shuffingSpeed);
</script>