大家帮我看看,这个怎么让它自动切换

被我注视掉的是针对自动切换功能的,,但不知道哪里出错了.求解
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2310">
<title>Google</title>
<script type="text/javascript">
</script>
<style type="text/css">
*{margin:0;padding:0;}
ul{list-style:none outside none}
.fl{float:left;display:inline}
.fr{float:left;display:inline}
/* 切换 */
.focus-wrap-sl{width:542px;height:133px;}
.focus-wrap-sl-renwu{border:1px solid #ebd7ba;width:542px;height:113px;position:relative;overflow:hidden; background:#fffaec}
.focus-wrap-sl-renwu-box{width:542px;position:absolute;top:0;left:0;}
.focus-wrap-sl-renwu-con{height:113px;}
.focus-wrap-sl-renwu-pic{width:80px;height:91px;margin:7px 0 0 14px}
.focus-wrap-sl-renwu-text{width:435px;margin-top:15px}
.focus-wrap-sl-renwu-text p{padding-bottom:6px}
.focus-sl-title-col{color:#f18800;font-weight:bold;font-size:14px}
.focus-sl-name-col span{color:#7a451f;font-size:14px;font-weight:bold;padding-right:20px}
.focus-sl-intro-col{color:#7a451f;width:380px;line-height:18px}
.focus-list-click-sl{margin:5px 0 0 487px;height:20px}
.focus-list-click-sl .focus-list-click-change-sl li{float:left;width:6px;height:6px;margin-left:5px;display:inline}
.focus-list-click-sl .focus-list-click-change-sl a{display:block; background:red;width:6px;height:6px;overflow:hidden}
.focus-list-click-sl .focus-list-click-change-sl a:hover{ background:blue}
</style>
</head>
<body>
 <div id="focus-wrap-sl" class="focus-wrap-sl">
                                             <div class="focus-wrap-sl-renwu" id="focus-wrap-sl-renwu">
                                                 <div class="focus-wrap-sl-renwu-box" id="focus-wrap-sl-renwu-box">
                                                     <div class="focus-wrap-sl-renwu-con">
                                                            <div class="focus-wrap-sl-renwu-pic f fl">
                                                                <a href=""><img src="images/sl-img40.jpg" /></a>
                                                            </div>
                                                            <div class="focus-wrap-sl-renwu-text fr">
                                                             <p class="focus-sl-title-col">上海市第一妇婴保健院</p>
                                                                <p class="focus-sl-name-col"><span>秦艳</span><span>儿科副主任医师</span></p>
                                                                <p class="focus-sl-intro-col">儿科学硕士从事儿科临床、教学与科研工作16年，对儿科疾病的诊治具有丰富的临床经验。</p>
                                                            </div>
                                                            <div class="clear"></div>
                                                        </div>
                                                        <div class="focus-wrap-sl-renwu-con">
                                                            <div class="focus-wrap-sl-renwu-pic f fl">
                                                                <a href=""><img src="images/sl-img40.jpg" /></a>
                                                            </div>
                                                            <div class="focus-wrap-sl-renwu-text fr">
                                                             <p class="focus-sl-title-col">上海市第一妇婴保健院1</p>
                                                                <p class="focus-sl-name-col"><span>秦艳</span><span>儿科副主任医师</span></p>
                                                                <p class="focus-sl-intro-col">儿科学硕士从事儿科临床、教学与科研工作16年，对儿科疾病的诊治具有丰富的临床经验。</p>
                                                            </div>
                                                            <div class="clear"></div>
                                                        </div>
                                                        <div class="focus-wrap-sl-renwu-con">
                                                            <div class="focus-wrap-sl-renwu-pic f fl">
                                                                <a href=""><img src="images/sl-img40.jpg" /></a>
                                                            </div>
                                                            <div class="focus-wrap-sl-renwu-text fr">
                                                             <p class="focus-sl-title-col">上海市第一妇婴保健院2</p>
                                                                <p class="focus-sl-name-col"><span>秦艳</span><span>儿科副主任医师</span></p>
                                                                <p class="focus-sl-intro-col">儿科学硕士从事儿科临床、教学与科研工作16年，对儿科疾病的诊治具有丰富的临床经验。</p>
                                                            </div>
                                                            <div class="clear"></div>
                                                        </div>
                                                        <div class="focus-wrap-sl-renwu-con">
                                                            <div class="focus-wrap-sl-renwu-pic f fl">
                                                                <a href=""><img src="images/sl-img40.jpg" /></a>
                                                            </div>
                                                            <div class="focus-wrap-sl-renwu-text fr">
                                                             <p class="focus-sl-title-col">上海市第一妇婴保健院3</p>
                                                                <p class="focus-sl-name-col"><span>秦艳</span><span>儿科副主任医师</span></p>
                                                                <p class="focus-sl-intro-col">儿科学硕士从事儿科临床、教学与科研工作16年，对儿科疾病的诊治具有丰富的临床经验。</p>
                                                            </div>
                                                            <div class="clear"></div>
                                                        </div>
                                                        <div class="focus-wrap-sl-renwu-con">
                                                            <div class="focus-wrap-sl-renwu-pic f fl">
                                                                <a href=""><img src="images/sl-img40.jpg" /></a>
                                                            </div>
                                                            <div class="focus-wrap-sl-renwu-text fr">
                                                             <p class="focus-sl-title-col">上海市第一妇婴保健院4</p>
                                                                <p class="focus-sl-name-col"><span>秦艳</span><span>儿科副主任医师</span></p>
                                                                <p class="focus-sl-intro-col">儿科学硕士从事儿科临床、教学与科研工作16年，对儿科疾病的诊治具有丰富的临床经验。</p>
                                                            </div>
                                                            <div class="clear"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                             <div id="focus-list-click-sl" class="focus-list-click-sl">
                                                 <ul class="focus-list-click-change-sl">
                                                     <li onmouseover="changeCon(0)"><a href=""></a></li>
                                                        <li onmouseover="changeCon(-113)"><a href=""></a></li>
                                                        <li onmouseover="changeCon(-226)"><a href=""></a></li>
                                                        <li onmouseover="changeCon(-339)"><a href=""></a></li>
                                                        <li onmouseover="changeCon(-452)"><a href=""></a></li>
                                                        <div class="clear"></div>
                                                    </ul>
                                                </div>
                                            </div>
                                            <script type="text/javascript">
var t = null;
var speed = 0;
var count =0;
/*function autoChange(count){
if(count == 0){
changeCon(-113)
count = -113;
}
else if(count == -113)
{
changeCon(-226)
count = -226;
}
else if(count == -226){
changeCon(-339)
count = -339;
}
else{
changeCon(-452)
count = 0;
}
setTimeout("autoChange("+count+")",1800)
}
autoChange(count)*/
function changeCon(targets){
if(t){
clearInterval(t)
}
t = setInterval("moveBox("+targets+")",6);
//autoChange(targets)
}
function moveBox(num){
var focusBox = document.getElementById("focus-wrap-sl-renwu-box");
if(focusBox.offsetTop != num){
speed+=(num-focusBox.offsetTop)/5;
}
focusBox.style.top = speed+"px";
}

</script>
</body>
</html>

解决方案 »

  1.   

    var i = 0;//<<<<<<<<<<<<<<<<<<<<<<<<
                                                    function changeCon(targets){
                                                        if(t){
                                                            clearInterval(t)
                                                        }
                                                        t = setInterval("moveBox("+targets+")",6);
                                                        //autoChange(targets)
    var arr = new Array(-113, -226, -339, -452);//<<<<<<<<<<<<<<<<<<<<<<<<
    var x = arr[i]//<<<<<<<<<<<<<<<<<<<<<<<<
    ++i;//<<<<<<<<<<<<<<<<<<<<<<<<
    if(i == 4){//<<<<<<<<<<<<<<<<<<<<<<<<
    i = 0;//<<<<<<<<<<<<<<<<<<<<<<<<
    }//<<<<<<<<<<<<<<<<<<<<<<<<
    setTimeout("changeCon(" + x + ")", 1000);//<<<<<<<<<<<<<<<<<<<<<<<<
                                                    }
                                                    function moveBox(num){
                                                        var focusBox = document.getElementById("focus-wrap-sl-renwu-box");
                                                        if(focusBox.offsetTop != num){
                                                            speed+=(num-focusBox.offsetTop)/5;
                                                        }
                                                        focusBox.style.top = speed+"px";
                                                    }

    changeCon(-113);//<<<<<<<<<<<<<<<<<<<<<<<<