setTimeout()定时换图片

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
    function move() {
    var agvPictures = document.getElementsByName("pictures");
setTimeout("move()",1000);
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="move()">
<div name="pictures" id="bigCry"><img src="images/bigCry.gif"></div>
<div name="pictures" id="cry"><img src="images/cry.gif"></div>
<div name="pictures" id="ku"><img src="images/ku.gif"></div>
<div name="pictures" id="smile"><img src="images/smile.jpg"></div>
</BODY>
</HTML>就是在setTimeout("move()",1000);规定的事件里换四个div里的四张图片，其中一张图片显示，其他三张隐藏！我要自定义函数里的代码！~~
高手过来啊！~

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <style type="text/css">
    div{
    display:none;
    }
    </style></HEAD>
    <BODY onload="move()">
    <div name="pictures" id="bigCry"><img src="images/bigCry.gif"></div>
    <div name="pictures" id="cry"><img src="images/cry.gif"></div>
    <div name="pictures" id="ku"><img src="images/ku.gif"></div>
    <div name="pictures" id="smile"><img src="images/smile.jpg"></div>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var i=0;
    var c=null;
    var agvPictures = ["bigCry","cry","ku","smile"];
    function move() {
    if(c==null){c=i;}
    else{document.getElementById(agvPictures[c]).style.display="none";}
    document.getElementById(agvPictures[i]).style.display="block";
    c=i;
    i++;
    if(i>agvPictures.length-1){i=0;}
    setTimeout("move()",1000);
    }
    //-->
    </SCRIPT>
    </BODY>
    </HTML>