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>
    <TITLE>可关闭的右下角浮动广告</TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    </HEAD>
    <style>
    <!--
    .div{
     position: absolute;
     border: 2px solid red;
     background-color: #EFEFEF;
     line-height:90px;
     font-size:12px;
     z-index:1000;
     bottom:0;
     right:0;
    }
    #sky{
      240px;
      height:90px;
      text-align:left;  
    }
    #box{
     982px;
     height:900px;
    }
    -->
    </style>
    <BODY>
    <div id="box">
    可关闭的右下角浮动广告
    <div id="sky" class="div" >可关闭的右下角浮动广告<span title=关闭 style="CURSOR: hand;color:red;font-size:12px;font-weight:bold;margin-right:4px;" onclick=closeDiv() >×</span><!--<IMG title=关闭 style="CURSOR: hand" onclick=closeDiv() hspace=3 src="msgClose.jpg">--></div>
    <SCRIPT LANGUAGE="JavaScript">
    function sc5(){
     document.getElementById("sky").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("sky").offsetHeight)+"px";
     document.getElementById("sky").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("sky").offsetWidth)+"px";
    }
    function closeDiv()
    {
    document.getElementById('sky').style.visibility='hidden';
    if(objTimer) window.clearInterval(objTimer)
    }
    </SCRIPT>

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function scall(){
     sc5();
    }
    window.onscroll=scall;
    window.onresize=scall;
    window.onload=scall;
    //-->
    </SCRIPT>
    可关闭的右下角浮动广告  可关闭的右下角浮动广告
    </div>
    </BODY>
    </HTML>
  • 相关阅读:
    Struts2整合Spring
    关于碰撞检测的相关信息
    直角三角形
    XNA 3.0初步——自定义游戏循环时间
    XNA 3.0初步——将你的XNA 3.0游戏部署到Zune
    XNA 3.0初步——开始第一个XNA 3.0项目
    创建场景和赛道——概览
    XNA 3.0初步——将你的XNA 3.0游戏部署到另一台PC
    创建场景和赛道——场景绘制
    创建场景和赛道——游戏比较
  • 原文地址:https://www.cnblogs.com/JamyWong/p/1819415.html
Copyright © 2011-2022 走看看