图片变化效果 - JavaScript论坛

问题点数：0 回复次数：0

图片变化效果

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---图片渐隐效果</title>
</head>

<body>

<SCRIPT LANGUAGE="JavaScript">
// 设置轮番显示速度 Set slideShowSpeed (milliseconds)
var slideShowSpeed = 2500;
// 匀滑转换时间 Duration of crossfade (seconds)
var crossFadeDuration = 3;
// 指定图像文件 Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'http://bbs.51js.com/images/51js.gif'
Pic[1] = 'http://bbs.51js.com/attachment.php?aid=3665&checkid=ede78'
Pic[2] = 'http://bbs.51js.com/images/default/logo.gif'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="revealTrans(duration=10,transition=9)";
document.images.SlideShow.style.filter="revealTrans(duration=crossFadeDuration,transition=9)";
document.images.SlideShow.filters.revealTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.revealTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
</script>

</body>

</html>

看看这个代码....还可以变成多少种图片的变化!!
各位大虾~~来帮忙改~~~谢~~~~!

搜索更多相关主题的帖子: 效果　