<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带关闭按钮的网页漂浮广告代码www.hhsoft.com</title>
</head>
<body>
<div id="img" style="position: absolute; left: 311; top:
815;visibility :hidden;" onmouseover="clearInterval(interval)"
onmouseout="interval = setInterval('changePos()', delay)"
align="right">
<a href="#" target="_blank"><img border="0"
src="/images/logo.gif"></a><br><span
style="CURSOR:hand;color:red;font-weight:bold" onclick="clearInterval
(interval);img.style.visibility = 'hidden'">X</span>
</div>
<script language=javascript>
var xPos = 20;
var yPos = document.body.clientHeight;
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;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.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() {
img.style.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
</script>
</body>
</html>
分享到:
相关推荐
### 带关闭按钮的网页漂浮广告代码分析 #### 一、背景介绍 在现代网页设计中,广告是网站盈利的重要方式之一。为了提高广告的可见度与互动性,许多网站采用各种技术手段实现广告的展示效果。其中,带有关闭按钮的...
### 带关闭按钮的漂浮广告代码解析 在现代网页设计中,为了更好地吸引用户注意力并推广特定产品或服务,开发人员常常会在网页中加入各种形式的广告。其中,带有关闭按钮的漂浮广告是一种非常实用且受欢迎的形式。...
本文将详细介绍如何使用JavaScript实现一个带有关闭按钮的网页漂浮广告代码。 首先,我们需要理解HTML结构。在提供的代码中,可以看到一个`<div>`元素,它是广告框的容器。这个`<div>`具有一个ID "img",并设置了`...
漂浮广告代码是一种常见的网页设计技术,用于在网站上展示浮动的广告元素,通常是一个图片或视频,可以吸引用户注意力并引导他们访问特定的广告页面。这种广告设计旨在提高广告的可见性和交互性,同时也允许用户通过...
"手机网页(WAP网页)底部悬浮广告代码带抖动/关闭效果"是一种创新的广告呈现形式,旨在吸引用户的注意力同时提供便捷的关闭选项。这种技术通过JavaScript实现,使得广告能在网页底部悬浮,并且具有定时抖动和关闭...
漂浮窗口通常指的是在网页或其他应用程序界面上悬浮的独立小窗口,它可以提供额外的信息或功能,而不会干扰主界面的正常使用。 首先,我们要理解漂浮窗口的实现方式。在Web开发中,这通常通过JavaScript、HTML和CSS...
JS原生网页/WAP底部悬浮代码带关闭按钮防常规屏蔽,随机生成字符串层(非DIV),如<ghjk></ghjk>;随机字符串生成4*10小方格覆盖层(非DIV层),点击小方格跳转指定地址,仿最新广告联盟技术代码
4. **优化用户体验**:为了防止广告过于干扰用户,开发者可能还需要添加一些额外的功能,比如设置关闭按钮让用户可以暂时隐藏广告,或者限制广告在页面顶部或底部的显示范围。 5. **引入外部资源**:在`index.htm`...
在网页设计中,"右侧漂浮完美代码"通常指的是实现一个始终固定在页面右侧,即使用户滚动页面也不会消失的交互元素,例如在线客服聊天窗口。这样的设计可以方便用户随时咨询,提升用户体验。在这个主题中,我们将深入...
QQ客服漂浮代码是一种网页设计技术,用于在网站页面上实现一个可以自由移动或固定在屏幕边缘的浮动式QQ客服窗口。这样的设计旨在提供一种便捷的方式,让网站访客能够快速与客服人员进行交流,提高用户体验和服务效率...
JavaScript(简称JS)是一种轻量级的...以上是关于"js漂浮框带关闭"的主要知识点,理解并掌握这些内容,你可以创建出既实用又具有良好用户体验的js漂浮框。在实际项目中,可能还需要结合具体的业务需求进行定制和优化。
网页上的漂浮文字广告是一种常见的在线营销策略,它利用JavaScript或者CSS技术在用户浏览网页时显示浮动的文字元素,以吸引用户的注意力。这种广告形式通常设计为动态效果,可以在页面上移动,滚动,甚至跟随用户的...
- 提供关闭按钮:允许用户关闭漂浮广告,尊重用户的浏览选择。 - 响应式设计:根据不同的设备和屏幕尺寸调整广告的大小和位置。 7. **兼容性问题**: - 考虑不同浏览器对JS和CSS的支持程度,尤其是对于较旧版本...
在线咨询漂浮代码是一种常见的网页设计元素,主要用于提供即时的客户支持服务。这种代码通常嵌入在网站的各个页面中,使用户在浏览时能够轻松找到并启动与客服人员的在线交流。"QQ在线"通常指的是利用腾讯QQ的即时...
这段代码主要展示了如何在网页上实现一个兼容各主流浏览器的带有关闭按钮的浮动多组图片广告功能。这个功能是通过JavaScript实现的,涉及到的核心技术包括事件处理、页面滚动位置获取以及浏览器兼容性处理。 首先,...
3. **可关闭机制**:提供明显的关闭按钮,让用户能够轻松关闭广告。 4. **频率控制**:限制广告的弹出次数,避免频繁打扰用户。 5. **响应式设计**:确保广告在不同设备和屏幕尺寸下都能正常显示。 在实际开发中,...
根据提供的标题、描述以及部分代码内容,我们可以了解到这段材料与在线客服漂浮广告代码有关,但实际提供的代码似乎并不是标准的HTML或JavaScript等通常用于实现网页漂浮广告的编程语言,而是更像一种游戏服务器脚本...
总结起来,实现一个兼容主流浏览器的jQuery右下角pop弹窗漂浮广告代码,主要涉及以下几个步骤: 1. 引入jQuery库。 2. 创建HTML结构和CSS样式,设计弹窗的外观和位置。 3. 使用jQuery控制弹窗的显示与隐藏,包括延迟...
项目中的JavaScript代码负责创建可关闭的按钮,并在用户与广告互动时触发相应的动作,比如隐藏或移除广告。这一交互设计不仅提高了用户的体验感,也使广告的展示更加人性化。 更重要的是,该项目支持同时展示多个...