代码如下:<title>this is an imgage Example</title>
<script language="javascript">
var imagearray= new array(3)
imagearray[0]=new image(150,50)
imagearray[0].src="mm1.jpg"
imagearray[1]=new image(150,50)
imagearray[1].src="mm2.jpg"
imagearray[2]=new image(150,50)
imagearray[2].src="mm3.jpg"
function newimage()
{
document.images[math.round(3.5*math.random())].src=imagearray[math.round(4.5*math.random())].src
}
</script>
</head><body>
<form name=form1>
<center>
<br>
<h1>click the button to see the change of image.....</h1>
<br>
<br>
<img name=img1 width="150" height="50" src="mm1.jpg" />
<img name=img2 width="150" height="50" src="mm1.jpg" />
<img name=img3 width="150" height="50" src="mm1.jpg" />
<br>
<br>
<input type="button" value="改变图形" onclick=newimage()>
</center>
</form>
</body>

解决方案 »

  1.   

    try-><title>this is an imgage Example </title> 
    <script language="javascript"> 
    var imagearray= new Array(); 
    imagearray[0]=new Image(150,50); 
    imagearray[0].src="mm1.jpg" ;
    imagearray[1]=new Image(150,50) ;
    imagearray[1].src="mm2.jpg" ;
    imagearray[2]=new Image(150,50) ;
    imagearray[2].src="mm3.jpg"; 
    function newimage() 

    var images=document.getElementsByTagName("img");
    var r=Math.round(3*Math.random());
    if(r<imagearray.length)
      images[r].src=imagearray[imagearray.length-1-r].src ;

    </script> 
    </head> <body> 
    <form name=form1> 
    <center> 
    <br> 
    <h1>click the button to see the change of image..... </h1> 
    <br> 
    <br> 
    <img name=img1 width="150" height="50" src="mm1.jpg" /> 
    <img name=img2 width="150" height="50" src="mm1.jpg" /> 
    <img name=img3 width="150" height="50" src="mm1.jpg" /> 
    <br> 
    <br> 
    <input type="button" value="改变图形" onclick="newimage();"> 
    </center> 
    </form> 
    </body>
      

  2.   

    try...<title>this is an imgage Example </title> 
    <script language="javascript"> 
    var imagearray= new Array(); 
    imagearray[0]=new Image(150,50); 
    imagearray[0].src="http://avatar.profile.csdn.net/F/1/1/2_chen_wen_xiu.jpg" ;
    imagearray[1]=new Image(150,50) ;
    imagearray[1].src="http://avatar.profile.csdn.net/2/8/8/2_frankrenping.jpg" ;
    imagearray[2]=new Image(150,50) ;
    imagearray[2].src="http://avatar.profile.csdn.net/6/8/3/2_wxg22526451.jpg"; 
    function newimage() 

    var images=document.getElementsByTagName("img");
    var r=Math.round(2*Math.random());
    var r1=Math.round(2*Math.random());
    if(images[r].src==imagearray[r1].src){
    newimage();
    }
    else{
    images[r].src=imagearray[r1].src ;
    }

    </script> 
    </head> <body> 
    <form name=form1> 
    <center> 
    <br> 
    <h1>click the button to see the change of image..... </h1> 
    <br> 
    <br> 
    <img name=img1 width="150" height="50" src="mm1.jpg" /> 
    <img name=img2 width="150" height="50" src="mm1.jpg" /> 
    <img name=img3 width="150" height="50" src="mm1.jpg" /> 
    <br> 
    <br> 
    <input type="button" value="改变图形" onclick="newimage();"> 
    </center> 
    </form> 
    </body>