• 网站底部浮动js Alec


    <!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>
        <title>底部浮动js</title>
    </head>
    <style>
    #wgcss_dingwei { background-position: top center; position: absolute; 1040px;height:94px; z-index: 10000;}
    #wgcss_k { 1040px; z-index: 8999;height:94px; overflow:hidden;}
    </style>
    <body>
    <div id="wgcss_dingwei">
     <div id="wgcss_k"><img src="http://www.leyikao.com/templets/default/Images/bottomnav.png" width="1040" height="94" border="0" usemap="#Map31" />
    <map name="Map31" id="Map31">
      <area shape="rect" coords="145,56,236,89" href="http://chat10.live800.com/live800/chatClient/chatbox.jsp?jid=1340831441&amp;companyID=195572&amp;configID=174342&amp;skillId=10416&amp;enterurl=http%3A%2F%2Fwww.leyikao.com%2Fbaoming%2F&amp;tm=1341218397608" target="_blank" />
      <area shape="rect" coords="387,57,480,88" href="http://www.leyikao.com/category/32/" target="_blank" />
      <area shape="rect" coords="665,56,757,87" href="http://www.leyikao.com/category/32/" target="_blank" />
      <area shape="rect" coords="886,56,988,88" href="http://www.leyikao.com/baoming/" target="_blank" />
    </map>
     </div>
    </div>
    </body>
    </html>
    <script>
    function piaofu_div(){
    var bottompiaofu=document.getElementById("wgcss_dingwei");
    bottompiaofu.style.left=(document.documentElement.scrollWidth-bottompiaofu.offsetWidth)/2+"px";
    bottompiaofu.style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-bottompiaofu.offsetHeight)+'px'
    setTimeout(piaofu_div,100);
    }
    piaofu_div();
    </script>

    查看效果:http://www.leyikao.com

    来自博客园:笑小http://www.cnblogs.com/jjklmm/archive/2012/07/18/2596722.html

  • 相关阅读:
    1282 回文数猜想
    1279 验证角谷猜想
    1205 吃糖果
    1201 18岁生日
    1106 排序
    2024 C语言合法标识符
    196 让气球飞吧
    1001 Sum Problem
    if语句
    三元运算符
  • 原文地址:https://www.cnblogs.com/yinluhui0229/p/2596733.html
Copyright © 2020-2023  润新知