Источник:
<!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="expires" content="0">
<title>Использование JavaScript</title>
<style type="text/css">
<!--
тело {размер шрифта: 12 пикселей;
}
вход {
правая граница: #7b9ebd 1 пиксель сплошной;
отступ справа: 2 пикселя;
border-top: #7b9ebd 1px сплошной;
отступ слева: 2 пикселя;
размер шрифта: 12 пикселей;
фильтр: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
левая граница: #7b9ebd 1 пиксель, сплошной;
курсор: рука;
цвет: черный;
отступ-верх: 2px;
нижняя граница: #7b9ebd 1 пиксель сплошной;
}
.img {
фильтр: альфа (непрозрачность = 1, включен = 1) blendtrans (длительность = 1);
граница: 1 пиксель сплошной #CCCCCC;
}
-->
</стиль>
<script Language="JavaScript">
вар l=0;
вар сумма = 0;
вар _c = 0;
вар _i = 0;
вар _v = 0;
вар _l = 0;
вар _fi = 0;
вар _sf = 3000;
вар _html = ноль;
вар _image = ноль;
вар _mycars = новый массив ();
вар _w = новый массив ();
вар _h = новый массив ();
вар imgs = новый массив ();
вар 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.play();
document.getElementById('stops').disabled='';
document.getElementById('next').disabled='';
}
}
если (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] = р;
_w[_c] = ш;
_h[_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 ">'
если (_v <1)
{
document.getElementById('image').value = _html + ',' + _i;
document.getElementById('rotatorPlayer').innerHTML = _html;
трансИмг (0);
_я = _я + 1;
document.getElementById('backs').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('backs').disabled='';
document.getElementById('next').disabled='True';
_я = 0;
_в = 1;
}
}
/* 播放 */
функция adRotator.play()
{
_в = 0;
_л = 0;
adRotator.loads();
}
/* 下一张 */
функция adRotator.next()
{
_л = 1;
if(_i+1 < _mycars.length)
{
_я = _я + 1;
document.getElementById('play').disabled='';
document.getElementById('stops').disabled='True';
document.getElementById('backs').disabled='';
adRotator.loads();
}
еще
{
document.getElementById('next').disabled='True';
}
}
/* 上一张 */
функция adRotator.backs()
{
_л = 1;
если (_i-1 <0)
{
document.getElementById('backs').disabled='True';
}
еще
{
_я = _я - 1;
document.getElementById('play').disabled='';
document.getElementById('stops').disabled='True';
document.getElementById('next').disabled='';
adRotator.loads();
}
}
/* 间隔时间 */
функция adRotator.set()
{
var _sfc = document.getElementById('второй').value;
если (isInteger(_sfc))
{
_сф = _сфк * 1000;
}
еще
{
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);
}
</скрипт>
</head>
<тело>
<table width="420" border="0" align="center" cellpadding="0" cellpacing="0">
<тр>
<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();" отключено="True"/>
<input type="text" id="секунда" value="3" size="3" maxlength="2">
秒
<input type="button" value="设置时间" onClick="adRotator.set()" />
<br><br>
<input name="image" type="text" size="65"/>
</td>
</tr>
</таблица>
<script Language="JavaScript">
sum=l=imgs.length;
for (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