<%@ 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. Angularjs学习笔记2_添加删除DOM元素

    1.调用element方法     angular.element(html) 把字符串或dom对象转化成一JQuery对象, angular.element(document.getElementB ...

  2. 28. Implement strStr()【easy】

    28. Implement strStr()[easy] Implement strStr(). Returns the index of the first occurrence of needle ...

  3. Discuz! X 插件开发手册

      文件命名规范 Discuz! 按照如下的规范对程序和模板进行命名,请在设计插件时尽量遵循此命名规范: 可以直接通过浏览器访问的普通程序文件,以 .php 后缀命名. 被普通程序文件引用的程序文件, ...

  4. SQL SERVER 2000安装教程图文详解

    注意:Windows XP不能装企业版.win2000\win2003服务器安装企业版一.硬件和操作系统要求 下表说明安装 Microsoft SQL Server 2000 或 SQL Server ...

  5. Node Embedding

    1.Kipf, Thomas N., and Max Welling. "Semi-supervised classification with graph convolutional ne ...

  6. python 集合set remove update add

    1. 集合(set):把不同的元素组成一起形成集合,是python基本的数据类型. 集合对象是一组无序排列hashable value:集合成员可以做字典的键. 集合就像是 list 和 dict 的 ...

  7. 浅谈HTTP缓存以及后端，前端如何具体实现HTTP缓存

    <浅谈HTPP缓存>原版: https://juejin.im/post/5bdeabbbe51d4505466cd741?utm_source=gold_browser_extensio ...

  8. MySQL的limit子句

    1.理解: limit用来取结果集中的固定几条记录 2.参数: limit offset,pagesize offset:偏移量,为0时,可以省略 pagesize:每页显示的行数,通常是固定的 0表 ...

  9. idea 全部报错找不到包

    解决报错方法如下:

  10. UTI 唯一类型标识

    本文转载至 http://blog.csdn.net/zaitianaoxiang/article/details/6657231   applicationdocumentationtypessys ...