源程序：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<หัว>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="หมดอายุ" content="0">
<title>JavaScript幻灯灯效果</title>
<style type="text/css">
-
เนื้อความ { ขนาดตัวอักษร: 12px;
-
ป้อนข้อมูล {
เส้นขอบขวา: #7b9ebd 1px ทึบ;
ช่องว่างภายในขวา: 2px;
ขอบบน: #7b9ebd 1px ทึบ;
ช่องว่างภายในซ้าย: 2px;
ขนาดตัวอักษร: 12px;
ตัวกรอง: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
ขอบซ้าย: #7b9ebd 1px ทึบ;
เคอร์เซอร์: มือ;
สี: สีดำ;
ช่องว่างด้านบน: 2px;
ขอบล่าง: #7b9ebd 1px ทึบ;
-
.img {
ตัวกรอง: อัลฟา (ความทึบ = 1 เปิดใช้งาน = 1) blendtrans (ระยะเวลา = 1);
เส้นขอบ: 1px ทึบ #CCCCCC;
-
-
</สไตล์>
<ภาษาสคริปต์ = "จาวาสคริปต์">
var l=0;
ผลรวม var=0;
วาร์ _c = 0;
วาร์ _i = 0;
วาร์ _v = 0;
วาร์ _l = 0;
var _fi = 0;
var _sf = 3000;
var _html = โมฆะ;
var _image = โมฆะ;
var _mycars= อาร์เรย์ใหม่ ();
var _w = อาร์เรย์ใหม่();
var _h = อาร์เรย์ใหม่();
var imgs=อาร์เรย์ใหม่();
var limg=อาร์เรย์ใหม่();
/* 渐隐渐现 */
ฟังก์ชั่น transImg (เปิดใช้งาน) {
document.getElementById("showimg").filters.blendtrans.Apply();
document.getElementById("showimg").filters[0].enabled=enable;
document.getElementById("showimg").filters.blendtrans.Play();
}
/* ภาพพื้นหลัง */
function chk(){
ล--;
document.getElementById("rotatorPlayer").innerHTML='<img src='+limg[0].src+'><br><br>' + 'ภาพถ่าย已加载：' + parseInt(((sum-
l)* 100/ผลรวม)).toString() + '%'
ถ้า (l==0){
adRotator.เล่น();
document.getElementById('หยุด').disabled='';
document.getElementById('ถัดไป').disabled='';
-
}
ถ้า (document.images){
limg[0]=รูปภาพใหม่();
limg[0].src="loading.gif";
สำหรับ(var i=0;i<13;i++)
-
imgs[i]=รูปภาพใหม่();
imgs[i].src=parseInt(i+1)+".jpg";
-
}
ฟังก์ชัน adRotator() {}
ฟังก์ชัน adRotator.add(p,w,h)
-
_รถของฉัน[_c] = p;
_w[_c] = w;
_h[_c] = ชม.;
_ค = _ค + 1;
}
/* 播放设置 */
ฟังก์ชั่น adRotator.loads()
-
ถ้า (_i < _mycars.length && _l < 1)
-
_html = '<img id="showimg" src="' + _mycars[_i] + '" width="' + _w[_i] + '" height="' + _h[_i] + '" class="img ">'
ถ้า (_v < 1)
-
document.getElementById('image').value = _html + ',' + _i;
document.getElementById('rotatorPlayer').innerHTML = _html;
ทรานส์อิมเมจ(0);
_i = _i + 1;
document.getElementById('หลัง').disabled='';
ทรานส์อิมเมจ(1);
ทรานส์อิมเมจ(0);
window.setTimeout("adRotator.loads("+_i+")",_sf);
-
-
อื่น
-
_html = '<img id="showimg" src="' + _mycars[_i] + '" width="' + _w[_i] + '" height="' + _h[_i] + '" class="img ">'
document.getElementById('image').value = _html + ',' + _i;
document.getElementById('rotatorPlayer').innerHTML = _html;
ทรานส์อิมเมจ(0);
ทรานส์อิมเมจ(1);
ทรานส์อิมเมจ(0);
-
ถ้า (_i+1 > _mycars.length)
-
document.getElementById('stops').disabled='True';
document.getElementById('play').disabled='';
document.getElementById('หลัง').disabled='';
document.getElementById('next').disabled='True';
_ฉัน = 0;
_วี = 1;
-
}
/* 播放 */
ฟังก์ชั่น adRotator.play()
-
_วี = 0;
_l = 0;
adRotator.โหลด();
}
/* 下一张 */
ฟังก์ชั่น adRotator.next()
-
_l = 1;
ถ้า(_i+1 < _mycars.length)
-
_i = _i + 1;
document.getElementById('play').disabled='';
document.getElementById('stops').disabled='True';
document.getElementById('หลัง').disabled='';
adRotator.โหลด();
-
อื่น
-
document.getElementById('next').disabled='True';
-
}
/* 上一张 */
ฟังก์ชั่น adRotator.backs()
-
_l = 1;
ถ้า(_i-1 < 0)
-
document.getElementById('backs').disabled='True';
-
อื่น
-
_i = _i - 1;
document.getElementById('play').disabled='';
document.getElementById('stops').disabled='True';
document.getElementById('ถัดไป').disabled='';
adRotator.โหลด();
-
}
/* 间隔时间 */
ฟังก์ชั่น adRotator.set()
-
var _sfc = document.getElementById('วินาที').value;
ถ้า (isInteger(_sfc))
-
_sf = _sfc * 1,000;
-
อื่น
-
alert('提示：只能输入数字！');
document.getElementById('วินาที').value=1;
document.getElementById('วินาที').select();
-
}
/* 字符检测 */
ฟังก์ชั่น isInteger(str)
-
วาร์ regu = /^[-]{0,1}[0-9]{1,}$/;
กลับ regu.test(str);
}
/* 暂停 */
ฟังก์ชั่น adRotator.stops()
-
_วี = 1;
}
/* รูปภาพ */
สำหรับ (var i=0;i<imgs.length;i++)
-
adRotator.add(imgs[i].src,400,300);
}
</สคริปต์>
</หัว>
<ร่างกาย>
<table width="420" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<div id="rotatorPlayer" style="text-align:center"><img src="loading.gif"><br><br>ภาพถ่าย已加载：0%</div>
<br><br>
<input type="button" name="play" value="เปิด始播放" onClick="adRotator.play();this.disabled='true';document.getElementById
('stops').disabled=''" ปิดการใช้งาน ="จริง"/>
<input type="button" name="stops" value="暂停" onClick="adRotator.stops();this.disabled='true';document.getElementById
('play').disabled=''" ปิดการใช้งาน= "จริง"/>
<input type="button" name="backs" value="上一张" onClick="adRotator.backs();" ปิดการใช้งาน = "จริง"/>
<input type="button" name="next" value="下一张" onClick="adRotator.next();" ปิดการใช้งาน = "จริง"/>
<input type="text" id="second" value="3" size="3" maxlength="2">
秒
<input type="button" value="设置时间" onClick="adRotator.set()" />
<br><br>
<input name="image" type="text" size="65"/>
</td>
</tr>
</ตาราง>
<ภาษาสคริปต์ = "จาวาสคริปต์">
ผลรวม=l=imgs.ความยาว;
สำหรับ (var i=0;i<l;i++){
imgs[i].onload=chk;
imgs[i].onerror=chk;//无论上的是否加载成功，都执行指定方法
-
</สคริปต์>
</ร่างกาย>
</html>
http://www.cnblogs.com/PeriFox/archive/2006/08/09/472342.html