<%@ 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. 网页webbrowser

    http://www.codeproject.com/Articles/50544/Using-the-WebBrowser-Control-in-ASP-NET/

  2. JsCal( JS Calendar)

    http://www.dynarch.com/projects/calendar Doc: http://www.dynarch.com/jscal/ This is the documentatio ...

  3. Eclipse maven 项目红叉 编译不报错问题处理

    项目右键-> Maven ->  Update Maven Project 选中 :Force update 复选框

  4. ex：0602-169 遇到不完整或无效的多字节字符，转换失败

    错误原因:在AIX系统中,用vi命令编辑文件,出现rt错误,是因为AIX系统不识别文件编码格式. 解决方法:建议重新新建一个编码格式为ASC的文件,再重新上传到AIX系统中,或者改变访问linux的客 ...

  5. iOS Socket/Tcp编程 GCDAsyncSocket的实战(带回调)

    很多同学一听到Socket TCP UDP 这几个字眼感觉特别害怕,很怕在工作当中使用,因为他们太底层了.下面我把我在工作中使用Socket类库GCDAsyncSocket进行一次实战 文章中只适用于 ...

  6. C# - Passing Reference-Type Parameters

    A variable of a reference type does not contain its data directly; it contains a reference to its da ...

  7. linux-Centos下磁盘管理（fdisk）

    Centos下磁盘管理 - linux 磁盘基础知识 磁盘结构 磁道:上图中硬盘被一圈圈分成18等分的同心圆,这些同心圆就是磁道.但打开硬盘,用户不能看到这些,它实际上是被磁头磁化的同心圆.这些磁道是 ...

  8. Fragment嵌套Fragment实现的Tab导航

    要实现的效果就是底部导航,具体到每一个Fragment又在上部设置一个导航条,分成两个Fragment实现.效果图是: 首先给出activity的layout: <android.support ...

  9. [浪风推荐]CURL伪造IP和来源

    给“刷票”的朋友提供了很好的换IP的方案,查了下,CURL确实很强悍的可以伪造IP和来源. 1.php 请求 2.php . 1.php代码: $ch = curl_init(); curl_seto ...

  10. AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

    AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 最大的 ...