`

Javascript window 对象 + 浮动广告

 
阅读更多
window 浏览器窗口对象, 不用创建就能使用

1.属性
status
opener
closed
parent 父窗体
top 顶层窗体

2.方法
alert();
confirm();
prompt();
var dt = setInterval('aaa()', 100);
clearInterval(dt);
var to =setTimeout('aaa()'.100);
clearTimeout(to);
open();

3.成员对象
document
screen
history
frame
location
...

实例:浮动广告
<html>
<head>
<style>
#one{
	width:100px;
	height:100px;
	position:absolute;
	background:#666;
	text-align:center;
	color:white;
}
</style>
</head>
<body>
<div id="one" style="left:0px;top:0px">我是广告</div>

<script>
var one = document.getElementById('one');
var vx = 5;
var vy = 5;

var x=0;
var y=0
function move(){
	x = x + vx;	
    y = y + vy;
	one.style.left = x;
	one.style.top = y;

	if(x + one.offsetWidth + 5> document.body.clientWidth || x<=0)
		vx=-1*vx;
	if(y + one.offsetHeight + 5> document.body.clientHeight || y<=0)
		vy=-1*vy;
}

var dt = setInterval('move()',100);

one.onmouseover=function(){
	clearInterval(dt)
}

one.onmouseout=function(){
	dt=setInterval('move()',100);
}
</script>
</body>
</html>
分享到:
评论

相关推荐

    JavaScript多级联动浮动菜单 第二版.rar

    JavaScript多级联动浮动菜单 第二版,包含仿京东商城商品分类菜单、仿window xp右键菜单、仿淘宝拼音索引菜单,上一个版本基本实现了多级联动和浮动菜单的功能,但效果不是太好,使用麻烦还有些bug,实用性不高。...

    网页浮动广告窗口

    1. 右栏浮动广告 QUOTE: &lt;script language=javascript&gt;var specialcode="; right: 1px; POSITION: absolute; TOP: 180px;'&gt;;border-top:1px solid #2E6287;border-right:1px solid #2E6287;font-size:12px;color:#...

    javascript跟随滚动条滚动的层(浮动AD效果)

    其实这个效果在很多网站中都能见到,其主要表现为网页两侧的浮动广告。看起来感觉很难做,但其实原理是很简单的,使用定时器没0.1秒检测层的位置并将其置在指定的位置(相对于窗口)。写了一个简单的代码: ...

    react-antd-window:Antd窗口组件,包装react-window-kit

    安装npm install --save react-antd-window 用法模态class ModalDemo extends React . Component { constructor ( props ) { super ( props ) ; this . state = { show : false } } render ( ) { return ( &lt; div&gt; &...

    基于jquery的浮动提示层

    本代码段基于jquery框架实现背景透明的浮动提示层,这个在做ajax方面时比较常用。此段代码编码是UTF-8,运行在PHP环境。 BUG修改,在closeFlLayer函数的修改为如下代码: function closeFlLayer(fl_Obj) { fl_Obj....

    精通javascript

    • 1.3.htm 调用外部JavaScript文件 • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值...

    精通JavaScript

    • 1.3.htm 调用外部JavaScript文件 • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值...

    02-javaWeb-css$js.7z

    bom(Browser浏览器对象)中window对象的定时器方法 定时器 String对象 图片轮播案例 补充 运算符 语句 总结 ———————————————— 版权声明:本文为CSDN博主「oooola」的原创文章,遵循CC 4.0 ...

    window-floating.rar_DIV 布局_floating

    浮动窗体 javascript 完成的 div 布局 可拖动的窗体

    Ajax完全自学手册(PPT)

    TopDivOnPage.html 页面顶部的对联广告浮动层 EventUntil.htm 定义跨平台事件处理对象complexEvent complexEvent.htm 跨平台事件 第9章 JavaScript如何与服务器通信 AjaxTest4Cookie 第9章贯穿示例 第10章...

    Ajax完全自学手册PPT和源代码(ptt格式)

    Test4Window1.htm window对象属性 test4Alert.htm 系统对话框 Test4Timeout.htm 时间间隔和暂停 Test4History.htm 浏览器历史 Test4location.htm locatio对象 第3章 XMLHttpRequest对象 3.1.3 最简单的Ajax示例 第...

    Ajax完全自学手册(源代码).rar

    Test4Window1.htm window对象属性 test4Alert.htm 系统对话框 Test4Timeout.htm 时间间隔和暂停 Test4History.htm 浏览器历史 Test4location.htm locatio对象 第3章 XMLHttpRequest对象 3.1.3 最...

    基于JavaScript的三维地图程序(仿e都市gis)

    1.在小沙盘中增加浮动绿色框 2009-11-6 1.实现“鹰眼地图”不需移动,一幅可以看到见全景, 当主场景移动时,“鹰眼地图”只有小框在移动。 同时“小框” 主场景也在移动。 2009-12-17 1.测距功能事件配置 2009-...

    说明文档4 ASP Java C#

    CSS浮动.chm DOS经典命令.chm DWR写AJAX例子.chm hibernate一对多.chm HTML+4.0+Reference-chm.chm IntelliJ IDEA 里面的快捷键.txt J2EE_API.chm Java API及工具说明.chm JavaAPI_5.0_CN_2006-06-26.chm javascript...

    whatsapp-widget:添加一个浮动小部件以打开WhatsApp

    添加一个浮动小部件以打开WhatsApp 入门 在页面末尾添加此javascript: &lt; script type =" text/javascript " &gt; ! function ( w , h , a , t , s , p ) { w . whatsapp || ( s = h . createElement ( a ) ,...

    仿QQ颜色风格的浮动在线客服代码

    内容索引:脚本资源,Ajax/JavaScript,仿QQ,在线客服 仿QQ颜色风格的浮动在线客服代码,可随滚动条滚动,可移动窗口,N秒后可自动弹出信息,鼠标点击后会自动打开强聊功能,选择号码后就可以和客服咨询了。...

    JavaScript实现京东放大镜效果

    本文实例为大家分享了JavaScript实现京东放大镜展示的具体代码,供大家参考,具体内容如下 实现效果: 1.鼠标放到图片上显示放大镜和详细图,鼠标离开时什么都不显示(效果消失) 2.鼠标一直在放大镜的中间,且放大...

    prevent-window-scroll:a light script with prevent body scroll when part scroll, 浮动层局部滚动时,阻止页面整体滚动

    prevent-window-scroll a light script with prevent body scroll when part scroll, and it has no dependancy. 弹层局部滚动时,阻止页面整体滚动 特点: 1、无依赖,原生js实现; 2、经测试兼容90%以上的浏览器;...

    form-helpers:表单助手

    浮动标签用于浮动标签的 Javascript。 结合了所有解决方案中最好的: 即使在 DOM 之后添加元素也能工作。 允许您拥有不同的占位符和标签属性。 仅针对输入灵感配置: window.FormHelpers = {FloatingLabels: {...

    共享小部件

    共享小部件v1.0.0 添加浮动小部件以打开“共享”选项入门在页面末尾添加此javascript: &lt; script type =" text/javascript " &gt; ! function ( s , h , a , r , e , w ) { s . shareWidget || ( e = h . ...

Global site tag (gtag.js) - Google Analytics