<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!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 runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <script type="text/javascript" language="javascript">

        function BodyStop() { return false; };

        function FindBrowserSize() {

            var winHeight = document.documentElement.clientHeight;

            var winWidth = document.documentElement.clientWidth;

            document.getElementById("min1").style.marginLeft = winWidth / 2 - 150 + "px";

            document.getElementById("min1").style.marginTop = winHeight / 2 - 100 + "px";

            document.getElementById("min1").style.display = "block";

            AutoTime();

        }

        function CloseDiv() {

            document.getElementById("min1").style.display = "none";

        }

        function MoveToRightBottem() {

            document.getElementById("min1").style.bottom = "0";

            document.getElementById("min1").style.right = "0";

        }

        function AutoTime() {

            var TimeNum = document.getElementById("TimeOut").innerHTML;

            if (TimeNum == 1) {

                document.getElementById("TimeOut").style.display = "none";

                MoveToRightBottem();

            }

            else {

                TimeNum--;

                document.getElementById("TimeOut").innerHTML = TimeNum;

                setTimeout("AutoTime()", 1000);

            }

        }

        window.onresize = FindBrowserSize;

        window.onload = FindBrowserSize;

        document.body.oncontextmenu = BodyStop;

        document.body.onselectstart = BodyStop;

    </script>

    <div id="min1" style="position: fixed; width: 300px; height: 200px; background-color: #2b3b58;">

        <p style="text-align: right; padding-top: 0px; margin-right: 0px; margin-top: 0px;">

            <span id="TimeOut" style="color: red; margin-top: 0px; padding-top: 0px; top: 0px;

                right: 0px; width: 30px; height: 20px;">7</span> <span id="CloseDiv" style="color: Red;

                    margin-top: 0px; padding-top: 0px; margin-right: 0px; top: 0px; right: 0px; width: 30px;

                    height: 20px;"><a href="javascript:CloseDiv();" style="color: Red">关闭</a></span>

        </p>

        <div id="mincontent">

            Hello World !<br />

            Hello World !<br />

            Hello World !<br />

            Hello World !<br />

            Hello World !<br />

        </div>

    </div>

    <div>

        Hello World !<br />

        <input type="button" value="移动" onclick="javascript:MoveToRightBottem();" />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

        Hello World !<br />

    </div>

    </form>

</body>

</html>

自制Javascript浮动广告的更多相关文章

  1. JavaScript浮动广告代码，容纯DIV/CSS对联漂浮广告代码，兼容性非常好的js右下角与漂浮广告代码

    基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂 ...

  2. web页面浮动回到顶部功能和浮动广告

    实现测试浮动回到顶部 法一:用js实现<%@ Page Language="C#" AutoEventWireup="true" CodeBehind=& ...

  3. JQuery实现两侧浮动广告

    1.描述 两侧浮动显示广告 2.要点 其实就是一直在变浮动广告距顶部的值. 3.代码 <!DOCTYPE html> <html> <head> <meta ...

  4. Js浮动广告效果实现

    第一种 漂浮广告 不符合W3CJavaScript漂浮广告代码,很不错,代码精简,不过一次只有漂一个,复制就能用了.希望站长朋友喜欢. <html> <head> <ti ...

  5. 自制javascript游戏-点燃火绳

    自制javascript游戏-点燃火绳 这是一款多关卡的游戏,目录有21个地图,游戏采纯原生 js库JY编写,所以编写得很简单迅速,这款游戏的思路来源于,一个人撸管太多,手会不会连鼠标也拿不稳,为了验 ...

  6. 使用fixed制作浮动广告（注意：解决闪屏问题，但适用于高版本浏览器，低版本的浏览器不适用）

    <script language="javascript" type="text/javascript"> //隐藏广告 function clos ...

  7. 笨办法用js屏蔽被http劫持的浮动广告

    最近发现网站经常在右下角弹出一个浮动广告,开始的时候以为只是浏览器的广告. 后来越来越多同事反映在家里不同浏览器也会出现广告.然后深入检查了下,发现网站竟然被劫持了. 然后百度了一大堆资料,什么htt ...

  8. JavaScript学习笔记-随滚轮匀速滑动的浮动广告窗动画

    <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...

  9. Javascript设置广告和时间表和数组的学习

    <html> <head> <meta charset="utf-8"> <title></title> </he ...

随机推荐

  1. layui实现table表格的“关键字搜索”功能

    $('#searchBtn').on('click',function(){ var type = $(this).data('type'); active[type] ? active[type]. ...

  2. c++ using Handle Class Pattern to accomplish implementation hiding

    Reference material: Thinking In C++ 2nd eidition chapter 5 section "Handle classes" If the ...

  3. Unity3D - 使用TexturePacker打包图集以及NGUI对旋转sprites的支持

    作者:EnigmaJJ 博客地址:http://www.cnblogs.com/twjcnblog/ 在Unity中使用NGUI时,为了减少draw call,我们会将美术用到的小图打成一张图集,如图 ...

  4. asp.net c#采集需要登录页面的实现原理及代码

    当我们采集页面的时候,如果被采集的网站需要登录才能采集,原理搞清楚了,就好办了,我们所要做的仅仅是在采集的时候(或者说HttpWebRequest提交数据的时候),将Cookie信息放入Http请求头 ...

  5. Eigen求矩阵行列式 及 行列式本质

    转置.伴随.行列式.逆矩阵 小矩阵(4 * 4及以下)eigen会自动优化,默认采用LU分解,效率不高 #include <iostream> #include <Eigen/Den ...

  6. PYTHON MYSQL 的表创建和插入

    import mysql.connector cnx = mysql.connector.connect(user='xx',password='xx++.',host='139.107.11.166 ...

  7. C++ 虚析构(virtual destructor)原理

    注意:本文仅为个人理解,可能有误! 先看一段代码: #include <iostream> using namespace std; class CBase{ public: CBase( ...

  8. MySQL索引使用：字段为varchar类型时，条件要使用''包起来

    结论: 当MySQL中字段为int类型时,搜索条件where num='111' 与where num=111都可以使用该字段的索引.当MySQL中字段为varchar类型时,搜索条件where nu ...

  9. CODEVS 必做题:3149、2821、1531、3369、1230

    3149 爱改名的小融 2  时间限制: 2 s  空间限制: 128000 KB  题目等级 : 黄金 Gold 题解       题目描述 Description Wikioi上有个人叫小融,他喜 ...

  10. 【BZOJ2286】[Sdoi2011]消耗战 虚树

    [BZOJ2286][Sdoi2011]消耗战 Description 在一场战争中,战场由n个岛屿和n-1个桥梁组成,保证每两个岛屿间有且仅有一条路径可达.现在,我军已经侦查到敌军的总部在编号为1的 ...