小编Abh*_*wat的帖子

在幻灯片中添加淡入淡出效果(Javascript)

我创建了一个JavaScript幻灯片,但我不知道如何添加淡入淡出效果.请告诉我怎么做,请用JavaScript告诉,不要jQuery!

码:

var imgArray = [
    'img/slider1.jpg',
    'img/slider2.jpg',
    'img/slider3.jpg'],
    curIndex = 0;
    imgDuration = 3000;

function slideShow() {
    document.getElementById('slider').src = imgArray[curIndex];
    curIndex++;
    if (curIndex == imgArray.length) { curIndex = 0; }
    setTimeout("slideShow()", imgDuration);
}
slideShow();
Run Code Online (Sandbox Code Playgroud)

html javascript slideshow

3
推荐指数
1
解决办法
4万
查看次数

标签 统计

html ×1

javascript ×1

slideshow ×1