`

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事件对象+鼠标拖动实例
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    浮动广告 利用JavaScript实现浮动广告的制作

    在JavaScript中，我们可以通过获取广告元素的坐标（`getBoundingClientRect()`方法）以及浏览器视口的信息（`window.innerWidth`和`window.innerHeight`）来判断广告是否已经接近或超出了这些边界。 当广告靠近边界...

    浮动广告javascript

    浮动广告在网页设计中是一种常见的营销手段，它通常以JavaScript实现，可以在用户浏览页面时持续显示，以此提高广告的曝光率。本文将深入探讨如何使用JavaScript来创建浮动广告，以及涉及的相关技术点。 首先，我们...

    javascript两种浮动广告

    本文将深入探讨如何使用JavaScript实现两种不同的浮动广告方法，并与网络上常见的实现方式进行对比。 首先，我们要明白什么是浮动广告。浮动广告是指在网页浏览过程中始终位于屏幕特定位置，随着用户滚动页面而始终...

    div+js浮动广告

    3. 浮动效果：通过CSS样式和JavaScript来实现广告的浮动。可能使用`style.position`设为`absolute`或`fixed`，配合`top`、`left`属性调整广告位置，使其相对于浏览器窗口而非文档流定位。 4. 滚动监听：利用`window....

    js浮动广告实现

    然而，要使浮动广告在不同浏览器和设备上稳定运行，需要掌握一定的JavaScript技巧，特别是处理滚动事件时，确保广告能够随用户的滚动而移动，同时又不会干扰到用户的正常浏览体验。 #### 核心概念：ScrollTop属性 ...

    js浮动广告代码

    2. **JavaScript事件监听**：为了确保广告在用户滚动时始终保持在视野内，可能需要使用JavaScript监听滚动事件，如`window.onscroll`。当事件触发时，根据滚动条的位置调整广告元素的坐标。 3. **响应式设计**：...

    网页浮动广告代码 非常好在右侧

    网页浮动广告代码是一种常见的网页设计技术，用于在页面上创建动态显示的广告。这些广告通常位于页面的侧边栏或屏幕边缘，随着用户滚动页面而始终保持可见，从而提高广告的曝光率和点击率。在本篇文章中，我们将深入...

    简单的javascript特效可拖动图层、通过document对象相关属性动态改变背景色、浮动广告、广告窗口、弹窗选择

    在本主题中，我们将深入探讨几个重要的JavaScript知识点，包括可拖动图层、动态改变背景色、浮动广告、广告窗口以及弹窗选择。 首先，让我们来谈谈可拖动图层。在网页中，图层可以是任何HTML元素，如div或img。通过...

    简洁易用的jQuery左右对称浮动广告代码.zip

    "简洁易用的jQuery左右对称浮动广告代码"是一个专门针对网页广告设计的jQuery插件，特别适合于创建对联广告，也就是在页面两侧浮动显示的广告条幅。 首先，我们要理解什么是对联广告。对联广告通常是指位于网页两侧...

    浮动广告js,内含实例

    2. JavaScript事件监听：为了使广告随着用户滚动页面而移动，我们需要监听`window`对象的`scroll`事件。当用户滚动时，事件处理器会被调用，我们可以在其中更新广告元素的位置。 3. 计算位置：在事件处理器内部，...

    网页浮动广告代码 非常好的

    网页浮动广告代码是一种常见的网页设计技术，用于在页面上创建始终可见的广告单元，即使用户滚动页面，这些广告也会保持在屏幕的特定位置。这种广告形式可以提高广告的曝光率，因为它们始终在用户的视线范围内。本文...

    JavaScript实现网页上的浮动广告的简单方法

    JavaScript是一种广泛应用于网页开发的脚本语言，它可以用于创建交互式的网页效果，其中包括浮动广告的实现。浮动广告是指在用户滚动网页时仍然保持在屏幕某一位置的广告元素，这种广告形式能够持续吸引用户的注意力...

    浮动广告的代码 浮动广告的代码

    浮动广告是一种常见的网络广告形式，它通常出现在网页的侧边或者顶部，随着用户滚动页面而保持在屏幕的固定位置，以此吸引用户的注意力。在本文中，我们将深入探讨浮动广告的实现原理、相关代码以及如何创建和优化...

    怎样制作网站中的浮动广告

    给定的代码通过JavaScript实现了浮动广告的基本功能。首先，我们来了解整个代码的大致结构： ```html &lt;SCRIPT FOR="window" EVENT="onload" LANGUAGE="JScript"&gt; initAd(); ``` 这里的`&lt;SCRIPT&gt;`标签定义了一个...

    浮动广告代码,浮动广告代码

    标题与描述中提到的“浮动广告代码”是网络广告中常用的一种技术，它可以使广告在网页上以浮动的形式出现，不随页面滚动而消失，从而提高广告的可见度和点击率。这种技术主要通过HTML、CSS和JavaScript实现，其中...

    浮动图片广告代码.zip

    在"浮动图片广告代码.zip"这个压缩包中，包含的文件可能是实现这一功能的源代码，例如"jiaoben18974.js"可能是核心的JavaScript脚本。 在网页设计中，浮动广告通常被设计为固定在浏览器窗口的一侧或角落，即使用户...

    网站页面的浮动广告小代码

    标题与描述概述的知识点主要集中在网页设计中的浮动广告实现方式上。这涉及到前端开发中HTML、CSS以及JavaScript的综合运用，旨在使广告在用户浏览网页时保持动态或半静态的位置，既达到展示目的又不干扰用户体验。...

    jQuery做浮动层/浮动广告/漂浮

    标题中的“jQuery做浮动层/浮动广告/漂浮”指的是使用jQuery这个JavaScript库来实现页面上的元素（通常为广告）保持在用户滚动页面时始终可见的效果。这种技术常见于网页设计中，用来吸引用户的注意力或者提供重要的...

    jquery浮动对联图片广告制作一个侧面浮动图片广告特效，类似滚屏效果的图片广告。jQuery下载。8

    本文将详细讲解如何利用jQuery创建一个浮动对联图片广告，这种广告通常具有滚动效果，能吸引用户的注意力，提升网站的互动性和用户体验。 首先，我们需要了解浮动对联广告的基本概念。这种广告设计通常出现在网页的...

    JS 多种浮动广告效果

    本文将详细介绍如何使用JavaScript实现多种浮动广告效果，包括在线客服、浮动对联和全屏浮动等。 1. **在线客服浮动广告** 在线客服浮动广告通常设置在页面底部或右侧，当用户滚动页面时，广告会固定在屏幕边缘。...

Magicbox
Global site tag (gtag.js) - Google Analytics