源程序:
<!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>
<스타일 유형="텍스트/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;
}
-->
</style>
<스크립트 언어="자바스크립트">
var l=0;
var 합계=0;
var _c = 0;
var _i = 0;
var _v = 0;
var _l = 0;
var _fi = 0;
var _sf = 3000;
var _html = null;
var _image = null;
var _mycars= 새로운 배열();
var _w = 새로운 배열();
var _h = 새로운 배열();
var imgs=새 배열();
var limg=new 배열();
/* 渐隐渐现 */
함수 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.play();
document.getElementById('stops').disabled='';
document.getElementById('next').disabled='';
}
}
if (document.images){
limg[0]=새 이미지();
limg[0].src="loading.gif";
for(var i=0;i<13;i++)
{
imgs[i]=새 이미지();
imgs[i].src=parseInt(i+1)+".jpg";
}
}
함수 adRotator() {}
함수 adRotator.add(p,w,h)
{
_mycars[_c] = p;
_w[_c] = w;
_h[_c] = h;
_c = _c + 1;
}
/* 播放设置 */
함수 adRotator.loads()
{
if (_i < _mycars.length && _l < 1)
{
_html = '<img id="showimg" src="' + _mycars[_i] + '" width="' + _w[_i] + '" height="' + _h[_i] + '" class="img ">'
if (_v < 1)
{
document.getElementById('image').value = _html + ',' + _i;
document.getElementById('rotatorPlayer').innerHTML = _html;
transImg(0);
_i = _i + 1;
document.getElementById('backs').disabled='';
transImg(1);
transImg(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;
transImg(0);
transImg(1);
transImg(0);
}
if (_i+1 > _mycars.length)
{
document.getElementById('stops').disabled='True';
document.getElementById('play').disabled='';
document.getElementById('backs').disabled='';
document.getElementById('next').disabled='True';
_i = 0;
_v = 1;
}
}
/* 播放 */
함수 adRotator.play()
{
_v = 0;
_l = 0;
adRotator.loads();
}
/* 下一张 */
함수 adRotator.next()
{
_l = 1;
if(_i+1 < _mycars.length)
{
_i = _i + 1;
document.getElementById('play').disabled='';
document.getElementById('stops').disabled='True';
document.getElementById('backs').disabled='';
adRotator.loads();
}
또 다른
{
document.getElementById('next').disabled='True';
}
}
/* 上一张 */
함수 adRotator.backs()
{
_l = 1;
if(_i-1 < 0)
{
document.getElementById('backs').disabled='True';
}
또 다른
{
_i = _i - 1;
document.getElementById('play').disabled='';
document.getElementById('stops').disabled='True';
document.getElementById('next').disabled='';
adRotator.loads();
}
}
/* 间隔时间 */
함수 adRotator.set()
{
var _sfc = document.getElementById('초').value;
if (isInteger(_sfc))
{
_sf = _sfc * 1000;
}
또 다른
{
Alert('提示：只能输入数字！');
document.getElementById('초').value=1;
document.getElementById('두 번째').select();
}
}
/* 글자수 */
함수 isInteger(str)
{
var regu = /^[-]{0,1}[0-9]{1,}$/;
regu.test(str)를 반환합니다.
}
/* 暂停 */
함수 adRotator.stops()
{
_v = 1;
}
/* 사진의 사진 */
(var i=0;i<imgs.length;i++)
{
adRotator.add(imgs[i].src,400,300);
}
</script>
</head>
<본문>
<table width="420" border="0" align="center" cellpadding="0" cellpacing="0">
<tr>
<td 정렬="중앙">
<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();" 비활성화="True"/>
<input type="text" id="second" value="3" size="3" maxlength="2">
秒
<input type="button" value="设置时间" onClick="adRotator.set()" />
<br><br>
<입력 이름="이미지" 유형="텍스트" 크기="65"/>
</td>
</tr>
</table>
<스크립트 언어="자바스크립트">
합계=l=imgs.length;
for (var i=0;i<l;i++){
imgs[i].onload=chk;
imgs[i].onerror=chk;//无论图文是否加载成功，도보운동결정방법
}
</script>
</body>
</html>
http://www.cnblogs.com/PeriFox/archive/2006/08/09/472342.html