梦幻图标

网站首页

模板下载

教程文章

资源收集

特效代码

插件天下

技术论坛

用户名
密码

本类推荐

　当前位置:特效代码

梦幻图标

使用说明:将此代码插在网页的<body>和</body>之间，或者插在网页的<head>和</head>之间，鼠标移至会发生梦幻般变化的图标。
本特效用到三幅图片

注意检查特效代码中图片路径是否正确。

<style>
.filter1 {filter:revealTrans(Duration=2.0,Transition=23)}
</style>

<script language="JScript">
var cache1, cache2, vache3;
cache1 = new Image();
cache1.src = "images/logo1.gif";
cache2 = new Image();
cache2.src = "images/logo2.gif";
cache3 = new Image();
cache3.src = "images/logo.gif";
var i = 0;
var j = 0;
var l = 0;
function changeImgSrc(imgsrc,dur,trans)
{
	idLogo.className = "filter1";
	idLogo.filters[0].Apply();
	idLogo.filters.revealTrans.transition=trans;
	idLogo.filters.revealTrans.duration=dur;
	idLogo.src = imgsrc;
	idLogo.filters[0].Play();
}
function startChange()
{
	t = setInterval("changeImg()",10000);
} 
function changeImg()
{
	var e = idLogo.src;
	i++;
	j = i % 3;
	if (j == 0) changeImgSrc("images/logo.gif",1,23); 
	if (j == 1) changeImgSrc("images/logo1.gif",1,23);
	if (j == 2) changeImgSrc("images/logo2.gif",1,23); 
	i = (i > 30000) ? 0 : i;
}
function doOver()
{
	var e = event.srcElement;
	l = (l == 0) ? 1 : 0;
	if (l == 0)
	{
	if (j == 1) changImgSrc("images/logo2.gif,0.5",12);
	if (j == 2) changeImgSrc("images/logo.gif",0.5,12);
	if (j == 0) changeImgSrc("images/logo1.gif",0.5,12);
	} else
	{
	if (j == 1) changeImgSrc("images/logo1.gif",0.5,12);
	if (j == 2) changeImgSrc("images/logo.gif",0.5,12);
	if (j == 0) changeImgSrc("images/logo2.gif",0.5,12);
	}
	clearInterval(t);
}
function doOut()
{
	var e = event.srcElement;
	if (j == 1) changeImgSrc("images/logo1.gif",0.5,12);
	if (j == 2) changeImgSrc("images/logo2.gif",0.5,12);
	if (j == 0) changeImgSrc("images/logo.gif",0.5,12);
	t = setInterval("changeImg()",10000);
}
</script>
<img id="idLogo" src="images/logo.gif"  onmouseover="doOver()" onmouseout="doOut()">

WWW.CNCSS.COM 中文版权所有:PHLIPS工作室
COPYRIGHT(c) 2003 ALL RiGHTS RESERVED
关于我们--广告服务--联系方式--友情链接