首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • CSS循环显示的图不连贯
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 15:01:11 楼主
    代码如下:
    <script type="text/javascript">
            var i=0;
            setInterval(diao,2000);
            function diao()
            {
                i=i+1;
                if(i==1)
                {
                    img1.style.visibility="visible";
                }
                else if(i==2)
                {
                    img1.style.visibility="hidden";
                    img2.style.visibility="visible";
                }
                else if(i==3)
                {
                    img2.style.visibility="hidden";
                    img3.style.visibility="visible";
                }
                else if(i==4)
                {
                    img3.style.visibility="hidden";
                    img4.style.visibility="visible";
                }
                else if(i==5)
                {
                    img4.style.visibility="hidden";
                    img5.style.visibility="visible";
                   
                }
                else if(i==6)
                {
                    img5.style.visibility="hidden";
                    i=1;
                }
                //alert(""+i);
            }
           
        </script>
    <body>
        <form id="form1" runat="server">
       
        <div id="img1" style="position:absolute;top:120px;visibility:hidden;">
        <img src="P1000225.JPG" width="200px" alt="" />
        </div>
        <div id="img2" style="position:absolute;top:120px;visibility:hidden;">
        <img src="P1000228.JPG" width="200px" alt="" />
        </div>
        <div id="img3" style="position:absolute;top:120px;visibility:hidden;">
        <img src="P1000230.JPG"width="200px" alt="" />
        </div>
        <div id="img4" style="position:absolute;top:120px;visibility:hidden;">
        <img src="P1000232.JPG"width="200px" alt="" />
        </div>
        <div id="img5" style="position:absolute;top:120px;visibility:hidden;">
        <img src="P1000235.JPG" width="200px" alt="" />
        </div>
       
        </form>
    </body>
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 15:06:521楼 得分:0
    一共是五幅照片,如果是i=6的时候想要第一张显示,可是总有问题.不能很连贯,间隔时间有点长.
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 15:31:492楼 得分:0
    UP
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 16:04:323楼 得分:0
    今天高手都放假吗
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 16:22:394楼 得分:0
    顶一下,帮一下,谢谢了.
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 16:37:555楼 得分:0
    有人吗,帮一下.
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 16:46:456楼 得分:0
    扛一下
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 16:54:397楼 得分:0
    抬一下
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 17:00:248楼 得分:0
    帮帮忙啊
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 17:08:399楼 得分:0
    帮一帮我吧
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-01 17:26:2310楼 得分:0
    直到有人告诉我,我很执著的.
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-02 09:06:3511楼 得分:0
    我一直在等待
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2007-11-02 14:52:3412楼 得分:0
    我还在等,等啊等.
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-29 18:58:2113楼 得分:0
    我也遇到此类问题,不知道你的解决了吗?
    我也是菜鸟
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-29 18:59:2314楼 得分:0
    你的绝对定位是不是有问题啊
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-29 22:05:5215楼 得分:0
        else if(i==5)
                {
                    img4.style.visibility="hidden";
                    img5.style.visibility="visible";
                   
                }
                else if(i==6)
                {
                    img5.style.visibility="hidden";
                    i=1; //此处有问题,只隐藏了5,没把1显示出来,要等4秒才能显示
                }
                //alert(""+i);
            }
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-29 23:27:3716楼 得分:0
    i=6的时候 将i初始化为0

    这样就又判断i=1了
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved