zoukankan      html  css  js  c++  java
  • 右下角随机显示的CSS+JS图片广告

    代码简介:

    在右下角随机显示的图片广告,随机的形式是载入图片的顺序没有规律,完全由程序随机调用的图片,至于显示在什么地方,这个是灵活的,你也可以改为显示在最上角。

    代码内容:

    View Code
    <html>
    <head>
    <title>右下角随机显示的CSS+JS图片广告_网页代码站(www.webdm.cn)</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body>
    <div id="div1" style="position: absolute;  text-align:center; visibility:hidden; filter: revealTrans(Transition=8, Duration=1)  revealTrans(Transition=9, Duration=3)  

    revealTrans(Transition
    =10, Duration=1)  revealTrans(Transition=11, Duration=2)  revealTrans(Transition=12, Duration=3)  revealTrans(Transition=17, Duration=2)  

    revealTrans(Transition
    =18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3)"><img 

    id
    ="img1"></div>
    <script language="javascript">
    var n
    =0;
    var n1
    =0;
    var 
    is=true;
    document.all.div1.style.top
    =document.body.clientHeight-135;
    document.all.div1.style.left
    =document.body.clientWidth-175;
    function showdiv(){
        n
    =Math.floor(Math.random()*10);
        document.all.div1.filters[n].apply();
        
    if (n1==4){n1=1}
        
    else{n1=n1+1}
        document.all.img1.src
    ="http://www.webdm.cn/images/wall"+n1+".jpg";
        
    if (is==true){    
            document.all.div1.style.visibility
    ="visible";
            
    is=false;
        }
    else{
            document.all.div1.style.visibility
    ="hidden";
            
    is=true;
        }
        document.all.div1.filters[n].play();
        setTimeout(
    "showdiv()",6000);
    }
    showdiv();
    function place(){
        window.status
    =String(n);
        document.all.div1.style.top
    =parseInt(document.body.scrollTop)+parseInt(document.body.clientHeight)-135;
        document.all.div1.style.left
    =parseInt(document.body.scrollLeft)+parseInt(document.body.clientWidth)-175;
        setTimeout(
    "place()",50)
    }
    place();
    </script>
    </body>
    </html>
    <br />
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
    代码来自:http:
    //www.webdm.cn/webcode/7cb4494d-f8b0-4463-9be3-66de3dc09912.html
  • 相关阅读:
    Flink 状态生命周期
    jpa使用@CollectionTable创建表
    Java的四种引用---强软弱虚
    ThreadLocal与内存泄露
    Flink 1.11 Table API 实现kafka到mysql
    FLIink 1.11 SQL 构建一个端到端的流式应用
    Flink1.11编译
    Flink运行yarn-session报错 java.lang.NoClassDefFoundError: org/apache/hadoop/yarn/exceptions/YarnException
    欢迎订阅AI科技导读微信公众号,获取人工智能的最新技术解读教程!
    深度学习深刻理解和应用--人工智能从业人员必看知识
  • 原文地址:https://www.cnblogs.com/webdm/p/2127082.html
Copyright © 2011-2022 走看看