为了账号安全,请及时绑定邮箱和手机立即绑定

JS如何控制背景淡入淡出?

JS如何控制背景淡入淡出?

子衿沉夜 2019-03-15 10:10:18
JS如何控制背景淡入淡出?
查看完整描述

2 回答

?
慕勒3428872

TA贡献1848条经验 获得超6个赞

如下代码可以实现,不过你要首先下载一个JS插件:Jquery,我用的是jquery-1.9.1.min.js,你下载下来后放到网页同级目录就可以了,如入代码适用于2张或多张图片。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<div id="imgbox">

    <img src="11.jpg" /><img src="22.jpg" />

</div>

<script src="jquery-1.9.1.min.js"></script>

<script>

$(document).ready(function(){

    $("#imgbox img").fadeOut(0).eq(0).fadeIn(0);

    var i = 0;

    setInterval(function(){

        if($("#imgbox img").length > (i+1)){

            $("#imgbox img").eq(i).fadeOut(0).next("img").fadeIn(1000);

            i++;

        }

        else{

            $("#imgbox img").eq(i).fadeOut(0).siblings("img").eq(0).fadeIn(1000);

            i = 0;

        }

    },2000);

});

</script>

 


查看完整回答
反对 回复 2019-03-21
  • 2 回答
  • 0 关注
  • 888 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信