自制Javascript浮动广告
<%@ 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浮动广告的更多相关文章
- JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂 ...
- web页面浮动回到顶部功能和浮动广告
实现测试浮动回到顶部 法一:用js实现<%@ Page Language="C#" AutoEventWireup="true" CodeBehind=& ...
- JQuery实现两侧浮动广告
1.描述 两侧浮动显示广告 2.要点 其实就是一直在变浮动广告距顶部的值. 3.代码 <!DOCTYPE html> <html> <head> <meta ...
- Js浮动广告效果实现
第一种 漂浮广告 不符合W3CJavaScript漂浮广告代码,很不错,代码精简,不过一次只有漂一个,复制就能用了.希望站长朋友喜欢. <html> <head> <ti ...
- 自制javascript游戏-点燃火绳
自制javascript游戏-点燃火绳 这是一款多关卡的游戏,目录有21个地图,游戏采纯原生 js库JY编写,所以编写得很简单迅速,这款游戏的思路来源于,一个人撸管太多,手会不会连鼠标也拿不稳,为了验 ...
- 使用fixed制作浮动广告(注意:解决闪屏问题,但适用于高版本浏览器,低版本的浏览器不适用)
<script language="javascript" type="text/javascript"> //隐藏广告 function clos ...
- 笨办法用js屏蔽被http劫持的浮动广告
最近发现网站经常在右下角弹出一个浮动广告,开始的时候以为只是浏览器的广告. 后来越来越多同事反映在家里不同浏览器也会出现广告.然后深入检查了下,发现网站竟然被劫持了. 然后百度了一大堆资料,什么htt ...
- JavaScript学习笔记-随滚轮匀速滑动的浮动广告窗动画
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...
- Javascript设置广告和时间表和数组的学习
<html> <head> <meta charset="utf-8"> <title></title> </he ...
随机推荐
- Xilinx下载方式(具体可以参考配置MCS文件时右下角help调出的doc)
1.两者都属高速并行配置模式.SelectMAP是早期的FPGA两类配置模式之一,是相对于串行(Serial)配置而言的,与主串(Master Serial)和从串(Slave Serial)模式对应 ...
- python 中property函数如何实现
实际上,在python中property(fget,fset,fdel,doc)函数不是一个真正的函数,他其实是拥有很多特殊方法的类. 这特殊类总的很多方法完成了property函数中的所有工作,涉及 ...
- js基础系列框架:JS重要知识点(转载)
这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...
- 关于Python的Object继承
今天在Coding的使用,使用了python的单例模式,发现了一个很有趣的问题. class x(object): __se = None a = None def __new__(cls): if ...
- Fantasy of a Summation n个数,k层重复遍历相加。求它的和%mod的值;推导公式+快速幂
/** 题目:Fantasy of a Summation 链接:https://vjudge.net/contest/154246#problem/L 题意:n个数,k层重复遍历相加.求它的和%mo ...
- Eclipse Debug 调试
Debug 调试 Java 程序 我们可以在 Package Explorer 视图调试 Java 程序,操作步骤如下: 鼠标右击包含 main 函数的 java 类 选择 Debug As > ...
- java web 开发入门实例
学习是个技巧活,关键是要找到重点的地方,新手在这方面的坑尤其多.看别人的教程一步一步的跟着做,隔几步就遇到一个新知识点,忍不住就百度往深处了解,一晃半天就过去了. 有的知识点要深入学习的,有的是了解下 ...
- java blob
package net.qysoft; import java.io.File;import java.io.FileOutputStream;import java.sql.Blob;import ...
- jQuery EasyUI编辑DataGrid用combobox实现多级联动
我在项目中设计课程表的时候需要用到老师和分类之间的多级联动. 首先是一张效果图: 下面是实现的代码: <body> <script type="text/javascrip ...
- 回顾下WinMain
我们在学习标准C++的时候,都知道每个应用程序运行时都会先进入入口点函数main,而当从main函数跳出时程序就结束了.在Windows编程里面,也是一样的,只是我们的入口点函数不叫main,叫Win ...