图片循环显现

脚本说明:
第一步:把如下代码加入

 1<head>区域中:   
 2<script language="JavaScript">   
 3<!-- Begin   
 4var interval = 2.5; // delay between rotating images (in seconds)   
 5var random_display = 1; // 0 = no, 1 = yes   
 6interval *= 1000;   
 7  
 8var image_index = 0;   
 9image_list = new Array();   
10image_list[image_index++] = new imageItem("01.jpg");   
11image_list[image_index++] = new imageItem("02.jpg");   
12image_list[image_index++] = new imageItem("03.jpg");   
13image_list[image_index++] = new imageItem("04.jpg");   
14var number_of_image = image_list.length;   
15function imageItem(image_location) {   
16this.image_item = new Image();   
17this.image_item.src = image_location;   
18}   
19function get_ImageItemLocation(imageObj) {   
20return(imageObj.image_item.src)   
21}   
22function generate(x, y) {   
23var range = y - x + 1;   
24return Math.floor(Math.random() * range) + x;   
25}   
26function getNextImage() {   
27if (random_display) {   
28image_index = generate(0, number_of_image-1);   
29}   
30else {   
31image_index = (image_index+1) % number_of_image;   
32}   
33var new_image = get_ImageItemLocation(image_list[image_index]);   
34return(new_image);   
35}   
36function rotateImage(place) {   
37var new_image = getNextImage();   
38document[place].src = new_image;   
39var recur_call = "rotateImage('"+place+"')";   
40setTimeout(recur_call, interval);   
41}   
42// End -->   
43</script>   
44  
45  
46第二步:把<body>中加入如下代码:   
47<img height="90" name="rImage" src="01.jpg" width="120"/>   
48  
49  
50第三步:把<body>中内容改为:   
51<body bgcolor="#fef4d9" onload="rotateImage('rImage')"></body></body></body></head>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus