<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="漂浮广告 http://www.alixixi.com/" />
<meta name="description" content="漂浮广告" />
<meta content="漂浮广告" name="keywords" />
<title>漂浮广告</title>
</head>
<body>
<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
visibility: visible;">
<a href="http://www.alixixi.com/" target="_blank"><img src="images/pic.gif" width="80" height="80" border="0"></a>
</DIV>
<SCRIPT>
var xPos = 300;
var yPos = 200;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img1.style.top = yPos;
function changePos()
{
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img1.offsetHeight;
Woffset = img1.offsetWidth;
img1.style.left = xPos + document.body.scrollLeft;
img1.style.top = yPos + document.body.scrollTop;
if (yon)
{yPos = yPos + step;}
else
{yPos = yPos - step;}
if (yPos < 0)
{yon = 1;yPos = 0;}
if (yPos >= (height - Hoffset))
{yon = 0;yPos = (height - Hoffset);}
if (xon)
{xPos = xPos + step;}
else
{xPos = xPos - step;}
if (xPos < 0)
{xon = 1;xPos = 0;}
if (xPos >= (width - Woffset))
{xon = 0;xPos = (width - Woffset); }
}
function start()
{
img1.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume()
{
if(pause)
{
clearInterval(interval);
pause = false;}
else
{
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
</SCRIPT>
</body>
</html>
相关推荐
网页浮动广告代码是一种常见的网页设计技术，用于在页面上创建始终可见的广告单元，即使用户滚动页面，这些广告也会保持在屏幕的特定位置。这种广告形式可以提高广告的曝光率，因为它们始终在用户的视线范围内。本文...
在制作浮动广告时，首先要确定广告的初始位置。这通常可以通过设置CSS样式来完成，例如`position: fixed`可以使广告相对于浏览器窗口固定。然后，我们利用JavaScript的事件监听器，如`window.onscroll`或`window....
### 漂浮广告制作秘籍 #### 一、页面漂浮广告的原理与实现 在网页设计中，漂浮广告是一种常见的营销手段，能够吸引用户的注意力并提高广告的可见度。漂浮广告的设计通常包括以下几个关键点： 1. **定位机制**：...
通过以上分析，我们了解到浮动广告在Dreamweaver网站制作中的实现方法及其背后的JavaScript逻辑。理解这些基本原理和技术细节对于提升网页交互性和用户体验具有重要意义。希望本文能帮助您更好地掌握这一技能，并在...
### 浮动广告制作知识点详解 #### 一、理解网页中的浮动广告 浮动广告是一种常见的网页广告形式，它能够在用户浏览网页时跟随用户的滚动而移动，保持在屏幕上的某个位置，从而提高广告的可见度。浮动广告的设计既要...
2. 低成本：相比其他类型的在线广告，浮动广告的制作和投放成本相对较低。 3. 强烈的视觉冲击力：动态效果的浮动广告能引起用户的注意，增强广告的吸引力。 缺点： 1. 干扰用户体验：过于频繁或占据过多空间的浮动...
Flash广告以其独特的优点，如适合网络传输、表现形式多样和可交互性，成为了网页广告制作的优选工具。下面我们将深入探讨这些方面。 首先，了解Flash广告的特点至关重要。Flash广告的轻量化使其在网络上传输效率高...
网页上的漂浮文字广告是一种常见的在线营销策略，它利用JavaScript或者CSS技术在用户浏览网页时显示浮动的文字元素，以吸引用户的注意力。这种广告形式通常设计为动态效果，可以在页面上移动，滚动，甚至跟随用户的...
【标题】"jQuery图片对联广告制作jQuery侧面浮动图片广告"涉及到的是网页开发中的广告设计与实现技术，主要使用了JavaScript库jQuery来实现动态、交互式的广告效果。在这个项目中，开发者通过jQuery创建了一个侧边栏...
在网页设计中，浮动广告是一种常见的营销策略，用于吸引用户注意力并提高点击率。"网站两侧浮动的广告制作源码"是指实现这种效果的HTML、CSS和可能的JavaScript代码。以下将详细介绍如何创建这样的浮动广告以及相关...
本教程将详细介绍如何在Dreamweaver中利用插件创建网页漂浮广告。 首先，你需要了解Dreamweaver的基本操作，这是一个强大的网页设计工具，支持代码编辑、可视化布局以及各种网页元素的插入。在制作漂浮广告时，我们...
在本案例中，"广告漂浮"是一个常见的JavaScript特效，主要用于网页上的广告展示。当用户滚动网页时，这个广告会像固定在屏幕某个位置一样，始终可见，从而提高广告的曝光率。 实现广告漂浮的JavaScript技术主要涉及...
制作浮动的广告图片，包含关闭按钮。window.onscroll,pixelTop,doucument.body.scrollTop
"简洁易用的jQuery左右对称浮动广告代码"是一个专门针对网页广告设计的jQuery插件，特别适合于创建对联广告，也就是在页面两侧浮动显示的广告条幅。 首先，我们要理解什么是对联广告。对联广告通常是指位于网页两侧...
淘宝网图片浮动广告代码是一种常见的网页交互元素，用于吸引用户注意力并提高网站的广告效果。在网页设计中，这种广告通常会随着用户滚动页面而上下移动，保持在用户的视野范围内。这种技术结合了JQuery库、div+css...
网页漂浮广告是一种常见的网络营销手段，它通过在页面上创建浮动元素来吸引用户的注意力。本文将详细介绍如何使用JavaScript实现一个带有关闭按钮的网页漂浮广告代码。 首先，我们需要理解HTML结构。在提供的代码中...
本教程将详细讲解如何使用Dreamweaver制作网页漂浮广告，让您的网站增添动态元素，吸引用户注意力。 首先，制作网页漂浮广告的核心是利用Dreamweaver中的图层（Layer）功能。图层就像是网页上的透明胶片，可以放置...
JavaScript是一种广泛应用于网页开发的脚本语言，它可以用于创建交互式的网页效果，其中包括...合理的广告布局和适度的交互效果，既可以有效传达广告信息，又不会过于打扰用户，是制作浮动广告时需要考虑的关键因素。
漂浮广告，也称为浮动广告，是一种常见的网络广告形式，它在网页上以浮动的方式显示，以吸引用户的注意力。这种广告类型在不影响主要内容浏览的同时，能够持续地展示推广信息。 在这个项目中，JS（JavaScript）被...