zoukankan      html  css  js  c++  java
  • 右下角浮动广告代码DEMO

    <!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=utf-8" />
    <title>右下角广告代码-web前端开发</title>
    <script type="text/javascript">
    window.onload = getMsg;
    window.onresize = resizeDiv;
    window.onerror = function(){}
    function $(id) {return document.getElementById(id);}
    //短信提示使用(asilas添加)
    var divT,divL,divW,divH,docH,docW,docST,docSL,objTimer,i = 0;
    function getMsg()
    {
    try{
    divT = parseInt($("eMeng").style.top,10); //层top位置
    divL = parseInt($("eMeng").style.left,10); //层left位置
    divH = parseInt($("eMeng").offsetHeight,10);//层宽
    divW = parseInt($("eMeng").offsetWidth,10);//层高
    docW = document.documentElement.clientWidth;//窗口宽
    docH = document.documentElement.clientHeight;//窗口高
    docST=document.documentElement.scrollTop;
    docSL=document.documentElement.scrollLeft;
    $("eMeng").style.top = parseInt(docST,10) + docH + 10+"px";
    $("eMeng").style.left = parseInt(docSL,10) + docW - divW+"px";
    $("eMeng").style.visibility="visible";
    objTimer = setInterval("moveDiv()",10);
    }
    catch(e){}
    }
    function resizeDiv()
    {
    try{
    divH = parseInt($("eMeng").offsetHeight,10);
    divW = parseInt($("eMeng").offsetWidth,10);
    docW = document.documentElement.clientWidth;
    docH = document.documentElement.clientHeight;
    $("eMeng").style.top = docH - divH + parseInt(document.documentElement.scrollTop,10)+"px";
    $("eMeng").style.left = docW - divW + parseInt(document.documentElement.scrollLeft,10)+"px";
    }
    catch(e){}
    }
    function moveDiv()
    {
    try{
    if(parseInt($("eMeng").style.top,10) <= (docH - divH + parseInt(document.documentElement.scrollTop,10)))
    {
    window.clearInterval(objTimer)
    objTimer = setInterval("resizeDiv()",1)
    }
    divT = parseInt($("eMeng").style.top,10);
    $("eMeng").style.top = divT - 1+"px";
    }
    catch(e){}
    }
    function closeDiv()
    {
    $('eMeng').style.visibility='hidden';
    if(objTimer) window.clearInterval(objTimer)
    }
    </script>
    <div id="eMeng" style="z-index: 99999; visibility:hidden; left: 0px; 252px; position: absolute; top: 0px; height: 213px; background:url(http://image.5fad.com/5/img/ad_bg.gif)">
    <div style=" height:28px">
    <div style=" 20px; height:20px; float:right; margin:5px 5px 0 0; cursor:pointer" onclick="closeDiv()"></div>
    </div>
    <div style="225px; height:164px; margin:0 auto;"><a href="http://5.5fad.com/star/pur_detial.aspx?news=138" target="_blank"><img src="http://image.5fad.com/5/ad/ad01.jpg" width="225" height="164" border="0" /></a></div>
    </div>
    </body>
    </html>
  • 相关阅读:
    mac上的键盘生活——打字训练

    011-黑盒测试的测试用例常见设计方法都有哪些?请分别以具体的例子来说明这些方法在测试用例设计工作中的应用
    010-如何测试一个 纸杯?
    009-条软件缺陷(或者叫 Bug)记录都包含了哪些内容?如何提交高质量的软件缺陷(Bug)记录?
    008-黑盒测试和白盒测试的优缺点
    007-测试人员在软件开发过程中的任务是什么?
    006- 软件产品质量特性是什么?
    005-目前主要的测试用例设计方法是什么?
    007-软件测试分类
  • 原文地址:https://www.cnblogs.com/top5/p/1660123.html
Copyright © 2011-2022 走看看