<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 页面两端像对联一样的广告的实现 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 340;
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 340;
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'>"+
"<a href='#' target='_blank'>"+
"<img src='要挂上去的图片广告' width='150' height='300'>"+
"</a>"+
"</div>"+
"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'>"+
"<a href='#' target='_blank'>"+
"<img src='要挂上去的图片广告' width='150' height='300'>"+
"</a>"+
"</div>");
initEcAd()
//-->
</SCRIPT>
</BODY>
</HTML>
分享到：
相关推荐
总结来说，实现"html页面两侧对联效果"需要结合HTML来构建基本结构，CSS来定义样式和布局，可能还需要JavaScript（如jQuery）来处理交互，以及JSP等服务器端技术来处理动态数据。在实际操作中，根据需求调整各个部分...
在这个“java 对联广告实例”中，我们可以探讨如何利用Java技术来实现这样的功能，并理解其背后的核心概念和技术。 首先，我们需要了解Java在Web开发中的角色。Java是一种广泛使用的编程语言，尤其在服务器端编程中...
在网页设计和开发中，"可以后台管理的网站对联广告"是一种常见的功能，它允许网站管理员通过后台系统来控制和管理网站上的对联广告（通常指的是横跨页面两侧的广告条）。这种功能的实现通常涉及到前端界面的设计以及...
这个"asp.net可关闭的对联广告"的项目可能涉及到如何在ASP.NET环境中实现一个用户可以自由关闭的对联（也称为悬浮或横幅）广告功能。 对联广告通常是指那些出现在网页两侧或上方的窄长形广告，它们可以是图片、文本...
在网页设计中，对联广告（也称侧边栏广告）是一种常见的广告形式，它通常位于页面的两侧，为用户提供不打断主要内容浏览的广告体验。本教程将详细讲解如何实现标题所描述的“左右浮动广告无抖动可关闭隐藏式对联广告...
创建可单独关闭的对联广告，我们需要实现以下功能： 1. **广告显示**：使用HTML和CSS来布局和设计对联广告。HTML用于构建广告的基本结构，而CSS用于控制样式和位置，使其在页面两侧正确显示。可以使用浮动元素（如`...
【标题】"来自TOM网首页的flash对联广告.zip" 提供的是一个关于TOM网首页上的Flash对联广告的资源包。对联广告通常是指在网页两侧或中间展示的、形式如同传统对联的互动广告，它利用Flash技术来创建动态效果，吸引...
JS在实现对联广告时，主要涉及以下几个核心知识点： 1. **DOM操作**：JavaScript可以操作文档对象模型（DOM），通过创建、修改或删除DOM元素来动态地展示广告。例如，可以使用`document.createElement()`创建一个新...
在这个"网站广告模板代码"压缩包中，可能包含了58个不同的广告效果示例，包括对联广告代码和58_置顶收栏关闭效果代码。这些效果是为提高网站用户体验和广告互动性而设计的。 对联广告代码通常指的是那些呈现在网页...
浮动对联广告是两个相邻的广告单元，分别位于页面的两侧。它们随着页面滚动而保持在可视范围内。实现这一效果，可以创建两个浮动元素，并设置其CSS样式为绝对定位，根据页面宽度和滚动位置动态调整它们的位置。...
• 11.8.htm JavaScript实现事件控制器 • 11.9.htm 元素属性综合应用 • 11.10.htm 动态修改表单元素内容 第12章（\第12章） • 12.1.htm Document树的简单例子 • 12.2....