<%@ 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. 用JWT技术为SpringBoot的API增加授权保护（转），需要自己实现userdetailservice接口

    转自:https://blog.csdn.net/haiyan_qi/article/details/77373900 概述 示例 https://github.com/qihaiyan/jwt-bo ...

  2. gcc使用备忘

    本文为原创文章,转载请指明该文链接 Options Controling the kind of Output -x language 明确说明输入文件的编码语言,没有该选项的话, gcc 会根据输入 ...

  3. NGINX date_udf 定义日志

    Nginx日志自动按日期存储 Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器,因它的稳定性 ...

  4. Import语句

    在Java中,如果给出一个完整的限定名,包括包名.类名,那么Java编译器就可以很容易地定位到源代码或者类.Import语句就是用来提供一个合理的路径,使得编译器可以找到某个类. 例如,下面的命令行将 ...

  5. Codeforces Round #398 (Div. 2) BCD

    B:The Queue 题目大意:你要去办签证,那里上班时间是[s,t), 你知道那一天有n个人会来办签证,他们分别是在时间点ai来的.每个人办业务要花相同的时间x,问你什么时候来 排队等待的时间最少 ...

  6. GUN C中的流

    当我们要对文件(在Linux环境中一切皆文件,包括硬件设备.资源等)进行操作(读.写.读写)时,必须连接文件或形成通信管道.这个过程称为打开文件.打开文件后可以进行读.写.读写操作. 打开的文件可以称 ...

  7. 3、easyUI-创建 CRUD可创建展开行明细编辑dataGrid（表格）

    同样在上一节中讲到可以编辑的表格,现在讲一般用到的最后一个datagrid(表格)相关的展开明细可编辑的表格: 第三中表格主要应用场景在:列出表格信息,然后点击可以查看详细信息(此处是全部可以编辑,可 ...

  8. The server encountered an internal error that prevented it from fulfilling this request.（JsonMappingException: Conflicting getter definitions）

    在测试一个方法,dubug查看查询结果已经出来了,结果页面上是The server encountered an internal error that prevented it from fulfi ...

  9. Android Studio3.0 配置ButterKnife出错的解决

    需要注意的问题: (1)ButterKnife.bind(this);必须在设置布局之后进行初始化: 官方升级到了8.8.1了 compile 'com.jakewharton:butterknife ...

  10. 信息属性列表关键字 info.plist

    本文转载至  http://blog.csdn.net/zaitianaoxiang/article/details/6650491 本附录说明了那些可以在束和包的属性列表文件中定义的关键字. 束关键 ...