图片滚动，使用js达到jquery效果哦

<style>
body,div,ul,li{margin:0;padding:0;}
ul{list-style-type:none;}

#box{position:relative;width:852px;height:262px;background:#fff;border-radius:5px;border:8px solid #fff;margin:10px auto;cursor:pointer;}
#box .list{position:relative;width:850px;height:260px;overflow:hidden;}
#box .list ul{position:absolute;top:0;left:0;}
#box .list li{width:850px;height:260px;overflow:hidden;}
#box .count{position:absolute;right:0;bottom:5px;}
#box .count li{color:#fff;float:left;width:20px;height:20px;cursor:pointer;margin-right:5px;overflow:hidden;background:#F90;opacity:0.7;filter:alpha(opacity=70);border-radius:20px;}
#box .count li.current{color:#fff;opacity:1;filter:alpha(opacity=100);font-weight:700;background:#f60;}
#tmp{width:100px;height:100px;background:red;position:absolute;}
</style>
<script type="text/javascript">
window.onload = function ()
{
var oBox = document.getElementById("box");
var oList = oBox.getElementsByTagName("ul")[0];
var aImg = oBox.getElementsByTagName("img");
var timer = playTimer = null;
var index = i = 0;
var bOrder = true;
var aTmp = [];
//生成数字按钮
for (i = 0; i < aImg.length; i++)
{
aTmp.push("<li>" + (i + 1) + "</li>")
}
//插入元素
var oCount = document.createElement("ul");