代码如下:<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>
<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>
<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>
<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>