分享
 
 
 

又一个做网站比较流行的图片幻灯片网页特效

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<BODY>

<div align="center"><div id=AdRotator></div><input id="second"><button onclick="adRotator.set(getRef('second').value)">set time</button></div>

<SCRIPT LANGUAGE="JavaScript">

<!--

function adRotator() {};

adRotator.initialize=function(o)

{

// script by blueDestiny

this._t = new Array();

this._l = new Array();

this._p = new Array();

this._i = new Image();

this._c = 0;

this._f = false;

this._o = o;

this._timeout = null;

this._html = "";

// configration.

// @ image width

// @ image height

// @ rotator speed

// @ filter type

this._w = 450;

this._h = 450;

this._s = 4;

this._x = 23;

return this;

};

adRotator.add=function(p,t,l) { with (this)

{

_p.push(p);

_t.push(t);

_l.push(l);

}};

adRotator.load=function() { with (adRotator)

{

if( _i.readyState=='complete' )

{

if(_p.length-1==_c)

{

_f = true;

_c = 0;

window.clearTimeout(_timeout);

//getRef("AdRotator").innerHTML="complete";

adRotator.play();

}

else

{

_c++;

getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";

_timeout=window.setTimeout(adRotator.load,10)

}

}

else

{

getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";

_timeout=window.setTimeout(adRotator.load,10)

}

}};

adRotator.play=function() { with (adRotator)

{

if( _f )

{

_html = "";

_html += '<table style="border:1px solid #333333;"><tr><td style="font-size:9pt;font-family:tahoma;font-weight:bold;">'

_html += '<div id="rotatorPlayer"'

+ ' style="width:' + _w + ''

+ ';height:"' + _h + '"'

+ '>'

_html += '<a href="' + ( _l[_c] ? _l[_c] : "javascript:void(0);" ) + '">';

_html += '<img id="rotatorPic" src="' + _p[_c] + '"'

+ ' width="' + _w + '"'

+ ' height="' + _h + '"'

+ (_t[_c]?' title="' + _t[_c] + '"':'')

+ ' style="border:1px solid blue;FILTER:revealTrans(transition=' + _x + ',duration=1);"'

+ ' >';

_html += (_t[_c]?('<div align="center">' + (_c+1) + '. ' + _t[_c] + '</div>'):'<p></p>');

_html += '</a>';

_html += "</div>";

_html += '<div align="right">';

for(var i=0; i<_p.length; i++)

_html += '<span'

+ ' style="border:1px solid #333333;padding:1px 5px 1px 5px;height:20px;text-align:center;cursor:'

+ (_c==i ? ('default;background-color:red;"') : 'hand;" onclick="adRotator.select(' + i + ')"')

+ '>'

+ (i>8?(i+1):('0'+(i+1)))+ '</span> ';

_html += "</div></td></tr></table>";

getRef(_o).innerHTML = _html;

getRef("rotatorPic").filters[0].Apply();

getRef("rotatorPic").filters[0].Play();

next();

}

else

{

_i.src = _p[_c];

adRotator.load();

}

}};

adRotator.next=function() { with (this)

{

(_p.length-1==_c) ? _c=0 : _c++;

_timeout=window.setTimeout(adRotator.play,_s*1000);

}};

adRotator.select=function(i) { with (this)

{

window.clearTimeout(_timeout);

_c=i;

adRotator.play();

}};

adRotator.set=function(second) { with (this)

{

window.clearTimeout(_timeout);

if((/\d+/).test(second)==true)

{

_s=second;

adRotator.play();

}

else

{

alert("must be digit!")

adRotator.play();

}

}};

function getRef(id)

{

return (document.all?document.all(id):document.getElementById(id));

}

adRotator.initialize("AdRotator");

adRotator.add("http://www.webjx.com/img/200406301.jpg","aa","http://www.webjx.com")

adRotator.add("http://www.webjx.com/img/200406302.jpg")

adRotator.add("http://www.webjx.com/img/200406303.jpg")

adRotator.add("http://www.webjx.com/img/200406304.jpg")

adRotator.add("http://www.webjx.com/img/200406305.jpg")

adRotator.play();

//-->

</SCRIPT>

</BODY>

</HTML>

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有