never-online 's Tech Blog In CSDN

never online - Everlasting love for angela.

用户操作

[即时聊天] [发私信] [加为好友]

rank liuID：BlueDestiny

共153674次访问，排名500好友17人，关注者33人
在京城

BlueDestiny的文章

原创 114 篇

翻译 0 篇

转载 8 篇

评论 224 篇

never-online的公告

Web:
www.never-online.net
Email:
BlueDestiny##126.com
QQ:
77091373

最近评论

kwlong2008：来看看朋友，最近过的怎么样？俺的空间是介绍网站制作和网站建设的，有时间也常去一下我的空间谢谢，wow gold

When you play a game of the day, the list of friends in the game whether there are always a few names of black wow power leveling<……

zyhomepage：支持一下

clicksun：如果要制作纯CSS+DIV的圆角方框图形，可以到这里直接在线制作，什么颜色都可以：http://corner.cha.la

C_SuperMe：可以好好学习一下啊！！

文章分类

收藏

相册

JS & DHTML

常去之地

我的网站

友情链接

存档

软件项目交易

订阅我的博客

javascript 版 AdRotator收藏

新一篇: 模仿IE的自动完成功能，支持FireFox | 旧一篇: 超长文章自动分页（客户端版）

预先载入图像功能，载入图像完毕再播放。

<!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://img1.qq.com/ent/20060218/3215110.jpg")
adRotator.add("http://img1.qq.com/ent/20060218/3215111.jpg")
adRotator.add("http://img1.qq.com/ent/20060218/3215112.jpg")
adRotator.add("http://img1.qq.com/ent/20060218/3215113.jpg")
adRotator.add("http://img1.qq.com/ent/20060218/3215114.jpg")

adRotator.play();
//-->
</SCRIPT>
</BODY>
</HTML>

发表于 @ 2006年02月19日 23:04:00|评论(loading...)|编辑

新一篇: 模仿IE的自动完成功能，支持FireFox | 旧一篇: 超长文章自动分页（客户端版）

#BlueDestiny 发表于2006-07-06 15:59:00 IP: 219.159.87.*: 不用谢我了，东西都放这里了，你要怎么做就自己做，我帮你做完去了，你做什么？

#hurrayboy 发表于2006-07-06 15:24:00 IP: 61.183.70.*: 你做的那个很好,我现在图片要从数据库里面读取,做成动态的,那如何做了?

小弟先说谢谢了!
E-mail:ychuhongwei@126.com

#test 发表于2006-09-19 00:08:00 IP: 222.173.219.*: 这个代码完全没有换行，能不能给提供一个换行正确的版本？

非常感谢！

email imcaibird#gmail.com

发表评论

姓名：
主页：
校验码：看不清,换一张

当前用户设置只有注册用户才能发表评论。如果你没有登录，请点击登录