js广告轮询效果

最新推荐文章于 2024-06-03 00:01:03 发布

nlx0201

最新推荐文章于 2024-06-03 00:01:03 发布

阅读量2.2k

点赞数 1

分类专栏： Javascript 程序人生

本文链接：https://blog.csdn.net/chartnie/article/details/9313763

版权

程序人生同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

Javascript

13 篇文章 0 订阅

订阅专栏

        var intervalTime = 5000;
        var showIndex = 0;
        var imageLength=0;
        $(window).load(function () {
            var height = $("#swfLoad").height();
            var width = $("#swfLoad").width();
            $("#swfLoad img").each(function (index) {
                $(this).height(height).width(width).css("position", "absolute").css("top", 0).css("left", 0);
                if (index == "0") {
                    $(this).css("visibility", "visible");
                }
                else {
                    //$(this).css("visibility", "hidden");
                }
                imageLength++;
            });
            setInterval("change();", intervalTime);
        });
        function change() {
            $("#swfLoad img").eq(showIndex).fadeOut(1000);
            showIndex++;
            if (showIndex >= imageLength) {
                showIndex = 0;
            }
            $("#swfLoad img").eq(showIndex).fadeIn(1000);
        }
    </script>
    <div id="swfLoad" style="position:relative;visibility:visible; width:700px; height:280px;">
        <img src="../../Images/1355799066906_000.jpg" alt="" />
        <img src="../../Images/1369276714638_000.jpg" alt="" />
        <img src="../../Images/1369277578381_000.jpg" alt="" />
        <img src="../../Images/1371957347577_000.jpg" alt="" />
    </div>