脚本说明:
第一步:把如下代码加入
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>