<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var x = 1,y = 1,movex = 0,movey = 0;
function movead()
{
var divObj = document.getElementById("adid");
movex = movex + x*5;
movey = movey + y*5;
divObj.style.top = movey;
divObj.style.left = movex;
if(movex+divObj.offsetWidth>=document.body.clientWidth)
x = -1;
else if(movex<=0)
x = 1;
if(movey+divObj.offsetHeight>=document.body.clientHeight)
y = -1;
else if(movey <=0)
y = 1;
}
var timeid;
function over()
{
clearInterval(timeid);
}
function out()
{
fly();
}
function fly()
{
timeid = setInterval("movead()",10);
}
window.onload = function()
{
fly();
}
function closead()
{
var divObj = document.getElementById("adid");
divObj.style.display = "none";
over();
}
</script>
</head>
<body>
<input type="button" value="手动广告" onclick="movead()" /><br />
<div id="adid" style="position:absolute; top:0px; left:0px" onmouseover="over()" onmouseout="out()"><a href="http://www.sss.com.cn" target="_blank"><img src="2.jpg" height="100px" width="150px" /></a><br/>
<a href="javascript:void(0)" onclick="closead()">关闭</a></div>
<img src="1.jpg" height="600" width="700" border="2" />
</body>
</html>
分享到：
相关推荐
### 浮动广告代码解析与应用 在网页设计与网络广告领域，浮动广告因其灵活性和高可见性而受到广泛欢迎。浮动广告代码是实现这一功能的关键技术，它允许广告在用户浏览网页时跟随滚动，保持在用户的视线范围内，从而...
"简洁易用的jQuery左右对称浮动广告代码"是一个专门针对网页广告设计的jQuery插件，特别适合于创建对联广告，也就是在页面两侧浮动显示的广告条幅。 首先，我们要理解什么是对联广告。对联广告通常是指位于网页两侧...
在这个场景中，"js浮动广告代码"指的是使用JavaScript实现的一种广告展示方式，这种广告会悬浮在网页的四周，无论用户滚动页面，它都会保持在屏幕的特定位置，从而提高广告的可见性和点击率。 浮动广告的实现原理...
javascript浮动广告代码
网页浮动广告代码是一种常见的网页设计技术，用于在页面上创建动态显示的广告。这些广告通常位于页面的侧边栏或屏幕边缘，随着用户滚动页面而始终保持可见，从而提高广告的曝光率和点击率。在本篇文章中，我们将深入...
标题与描述中提到的“浮动广告代码”是网络广告中常用的一种技术，它可以使广告在网页上以浮动的形式出现，不随页面滚动而消失，从而提高广告的可见度和点击率。这种技术主要通过HTML、CSS和JavaScript实现，其中...
淘宝网图片浮动广告代码是一种常见的网页交互元素，用于吸引用户注意力并提高网站的广告效果。在网页设计中，这种广告通常会随着用户滚动页面而上下移动，保持在用户的视野范围内。这种技术结合了JQuery库、div+css...
### 知识点详解：简单实用的浮动广告代码 #### 浮动广告概述 浮动广告是一种常见的网页元素，常用于网站推广、商品宣传或学校招生等场景。它能够在页面滚动时保持显示，增加用户注意到广告的概率。本次分享的代码...
网页浮动广告代码是一种常见的网页设计技术，用于在页面上创建始终可见的广告单元，即使用户滚动页面，这些广告也会保持在屏幕的特定位置。这种广告形式可以提高广告的曝光率，因为它们始终在用户的视线范围内。本文...
本教程将详细讲解如何利用jQuery库创建一个美观且易于理解的右侧浮动广告代码。 首先，我们需要了解jQuery。jQuery是一个高效、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。在这个...
这个“新浪首页左侧的Js浮动广告代码”可能包含以下几个关键部分： 1. **DOM操作**：JavaScript通过Document Object Model（DOM）来操作HTML元素。在浮动广告中，可能需要获取或创建广告容器元素，并将其插入到页面...
原生的JS网站飘浮广告代码、浮动广告代码，当用户不需要时，可关闭广告，但并非完全关闭，关闭后缩小成小广告依然显示，在缩小的广告上单击重播功能，可放大到原始的广告状态。这类广告目前网上仍然存在，飘浮在网页...
在给定的“网站JS浮动广告代码.pdf”中，主要讲解了如何使用JavaScript实现网页上的浮动广告效果。浮动广告是指广告元素在用户滚动页面时仍然保持在屏幕的某个固定位置，提供持续的视觉关注。 首先，我们看到一个名...
【标题】"新浪首页左侧的Js浮动广告代码.zip" 是一个包含JavaScript代码的压缩文件，主要用于实现网页上类似新浪首页左侧的动态广告效果。这种广告通常以浮动的方式展示，能够吸引用户注意力，提高广告的点击率。Js...
在"网站JS浮动广告代码.docx"这个文档中，我们看到的是一个使用JavaScript实现浮动广告的示例代码。下面，我们将深入探讨这段代码的工作原理和相关知识点。 首先，`document.write`是JavaScript中的一个方法，用于...
### 浮动广告代码解析与应用 #### 一、引言 在当今互联网时代，网站设计不仅需要美观大方，还要具备吸引用户注意力的功能。其中，浮动广告作为一种有效的营销手段，被广泛应用于各种类型的网站中。本文将深入分析...
下面将详细讲解十种常见的网页浮动广告代码及其实现方式，帮助你提升网站的互动性和功能性。 1. **CSS绝对定位**：利用CSS的position属性设置为absolute，结合top、right、bottom、left来实现广告元素在页面中的...