欢迎光临
我们一直在努力

擦除式图片轮番显示效果-网页设计,HTML/CSS

建站超值云服务器,限时71元/月

加在< 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=”jsimg/1.jpg” name=slideshow width=388 height=415>
< /td>
< /tr>
< /table>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 擦除式图片轮番显示效果-网页设计,HTML/CSS
分享到: 更多 (0)