您当前所在的位置:首页>>设计教程>>网页设计>>正文 文章正文
擦除式片轮番显示效果
作者: 佚名 点击数:

加在< head>中

< SCRIPT LANGUAGE="JavaScript">
//more javascript from http://www.smallrain.net
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// 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] = 'jsimg/1.jpg'
Pic[1] = 'jsimg/2.jpg'
Pic[2] = 'jsimg/3.jpg'
Pic[3] = 'jsimg/4.jpg'
Pic[4] = 'jsimg/5.jpg'
Pic[5] = 'jsimg/6.jpg'
Pic[6] = 'jsimg/7.jpg'
Pic[7] = 'jsimg/8.jpg'
Pic[8] = 'jsimg/9.jpg'
Pic[9] = 'jsimg/10.jpg'


// 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="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
< /script>

加在< body>中

< table border="0" cellpadding="0" cellspacing="0">
< tr>
< td id="VU">
< img src="/pic/5/10/0651022384823532.jpg" name='SlideShow' width=388 height=415>
< /td>
< /tr>
< /table>

相 关 搜 索
今 日 头 条
 
最 新 热 门
最 新 推 荐
 
文章来源: 不详  更新时间:2004-12-23 10:54:35  责任编辑:stsee
  上一篇文章:模仿QQ和MSN消息提示的效果
下一篇文章:多种网页弹出窗口代码
相关文章
网站鼠标变变变!
模仿QQ和MSN消息提示的效果
常见网页炸弹完全揭密
IIS 错误代码大汇总
网页常用特效整理:高级篇
渐变窗口有绝招
动态网页巧制作
网页常用特效整理:中级篇
网页常用特效整理:初级篇
显示你个性的鼠标指针