首页 / JAVASCRIPT / JavaScript - 轮播广告实例

JavaScript - 轮播广告实例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript - 轮播广告实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1808字，纯文字阅读大概需要3分钟。

内容图文

轮播广告

            
                <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
                <html>
                <head>
                <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">
                <title>轮播广告</title><styletype="text/css">.hide{
            display: none;
        }#div1{
            position: absolute;
            top:50px;
            left:100px;
        }#div2{
            position: absolute;
            top:155px;
            left:435px;
        }a{
            display:block;
            float: left;
            width:15px;
            height:15px;
            text-decoration: none;
            background-color:#fff;
            color:#000;
            margin-right:3px;
            text-align: center;
            border:1px solid #999;
            font-size:12px;
        }</style><scripttype="text/javascript">var max=4;
        var now=1;
        var timer;

        window.onload=show;

        functionshow(id){if(Number(id)){
                now=id;
                clearTimeout(timer);//清除原来的计时器
            }

            for(var i=1;i<=max;i++){
                if(i==now){
                    document.getElementById("adv"+now).style.display="block"; //显示当前图片
                }else{
                    document.getElementById("adv"+i).style.display="none";
                }
            }
            if(now==max){
                now=1;
            }else{
                now++;
                }

            timer=setTimeout("show()",2000); //创建计时器，两秒钟执行
            }
</script></head><body><divid="div1"><imgsrc="images/class1-1.jpg"id="adv1" /><imgsrc="images/class1-2.jpg"id="adv2"class="hide"/><imgsrc="images/class1-3.jpg"id="adv3"class="hide"/><imgsrc="images/class1-4.jpg"id="adv4"class="hide"/></div><divid="div2"><ahref="javascript:show(1)">1</a><ahref="javascript:show(2)">2</a><ahref="javascript:show(3)">3</a><ahref="javascript:show(4)">4</a></div></body></html>

原文：http://blog.csdn.net/wangzi11322/article/details/45285633

内容总结

以上是互联网集市为您收集整理的JavaScript - 轮播广告实例全部内容，希望文章能够帮你解决JavaScript - 轮播广告实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1087195.html

来源：【匿名】