zoukankan      html  css  js  c++  java
  • js广告轮询效果

            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; 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>


  • 相关阅读:
    DBA 职责及日常工作职责
    mysql 语句笔记
    学习Groovy — 闭包
    linux 命令: 网络和进程
    linux命令: rm命令
    Pro Git-- 跟踪分支
    Redis Tutorial
    linux 命令--文件操作
    分库分表的几种常见形式
    乐观锁与悲观锁
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3188472.html
Copyright © 2011-2022 走看看