• 人民网评:让军人成为全社会最尊崇的职业 2019-10-17
  • 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 中彩网3d综合分布走势图:如何制作浮动广告 JavaScript制作浮动广告代码

    来源:本网整理
    如果有一定的JavaScript基础,制作浮动广告还是比较容易的。直接上代码了:
    复制代码 代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="//www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    *{
    margin:0;
    padding:0;
    }
    #csdn
    {
    width:800px;
    margin:0 auto;
    }
    #ad
    {
    position:absolute;
    right:0px;
    top:30px;
    z-index:1;
    }
    #cl
    {
    position:absolute;
    right:0px;
    top:30px;
    z-index:2;
    }
    </style>
    <script type="text/javascript">
    var advInitTop=30;
    var closeInitTop=30;
    function inix()
    {
    advInitTop=document.getElementById("ad").style.pixelTop;
    closeInitTop=document.getElementById("cl").style.pixelTop;
    }
    function closeAd()
    {
    document.getElementById("ad").style.display="none";
    document.getElementById("cl").style.display="none";
    }
    function move()
    {
    //document.getElementById("ad").style.pixelTop=document.body.scrollTop+advInitTop;
    //document.getElementById("cl").style.pixelTop=document.body.scrollTop+closeInitTop;
    document.getElementById("ad").style.pixelTop=document.documentElement.scrollTop+advInitTop;
    document.getElementById("cl").style.pixelTop=document.documentElement.scrollTop+closeInitTop;
    //alert(document.getElementById("ad").style.pixelTop);
    window.status=document.documentElement.scrollTop+"/"+document.getElementById("ad").style.pixelTop;
    }
    window.onscroll=move;
    </script>
    </head>
    <body>
    <div id="cl" onclick="closeAd()">
    <img src="images/close.jpg" />
    </div>
    <div id="csdn">
    <a ><img src="images/xiaojie1.jpg" border="0" /></a>
    </div>
    <div id="ad">
    <a ><img src="images/advpic.gif" /></a>
    </div>
    </body>
    </html>

    要点
    上述代码中要用document.documentElement ,不要用老的document.body,否则,不符合w3c标准,看不到浮动效果!

    彩票双色球历史开奖结果 www.s9h6.com

  • 本文相关:
  • JavaScript 盒模型 尺寸深入理解
  • jQuery $.data()方法使用注意细节
  • event.currentTarget与event.target的区别介绍
  • js 回车提交表单两种实现方法
  • 通过JS自动隐藏手机浏览器的地址栏实现原理与代码
  • js显示时间 js显示最后修改时间
  • jQuery常见开发技巧详细整理
  • javascript学习(一)构建自己的JS库
  • javascript学习(二)javascript常见问题总结
  • Javascript图像处理—亮度对比度应用案例
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 彩票双色球历史开奖结果 - 频道导航
    Copyright © 2017 彩票双色球历史开奖结果 www.s9h6.com All Rights Reserved
  • 人民网评:让军人成为全社会最尊崇的职业 2019-10-17
  • 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 准确一尾中特 彩票游戏平台 博彩玩家 幸运飞艇如何计算下期号码 澳洲3分彩是官方的吗 哪些灰产可以赚钱 电玩捕鱼机1000炮 真人西班牙21点 上海快3开奖查询 北京快3开奖结果查询l 福彩开奖直播在线 上海快三彩票app下载 江西11选5胆拖投注表 30选5开奖查洵 6肖复试4肖是多少组