zoukankan      html  css  js  c++  java
  • 设置图片在网页中随机飘移

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>

    <body>
        <script> 
            
    var x=20;y=30//层初始位置 
            var i=0,j=0//判断方向变量 
            function floatAD() 
            { 
            
    var obj=document.getElementById("ad2"); 
            
    var R = document.body.offsetWidth-obj.offsetWidth-24;  //页面宽度-层宽度-右滚动条宽度 
            var B = document.body.offsetHeight-obj.offsetHeight;  //页面高度-层宽度 
            obj.style.left = x + document.body.scrollLeft;   //层距左距离+滚动后的左距离 
            obj.style.top = y + document.body.scrollTop;   //层距顶距离+滚动后的顶距离 
            if(i==0){ 
            x
    ++;if(x==R){i=1;} 
            } 
            
    else
            x
    --;if(x==0){i=0;} 
            } 
            
    if(j==0){ 
            y
    ++;if(y==B){j=1;} 
            } 
            
    else
            y
    --;if(y==0){j=0;} 
            } 
            setTimeout(
    "floatAD()"10
            } 
            window.onload
    =floatAD; 
        
    </script>
        
        <div id="ad2" style="position:absolute; 200px; height:148px; left: 20px; top: 30px; z-index:3"><href="sy/" target="_blank">
            <img src="2.gif" width="200" height="148" /></a></div> 
    </body>
    </html>
  • 相关阅读:
    复利计算(1)
    对IT行业的一些思考
    递归下降语义分析
    1118 实验三 有限自动机的构造与识别
    冒泡排序文法评论
    实验0:了解和熟悉操作系统
    0302思考IT行业的感想
    递归下降语义分析
    对文法解释和语法树的评论
    语言文法
  • 原文地址:https://www.cnblogs.com/Snowfun/p/2567249.html
Copyright © 2011-2022 走看看