<script>
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 = 100;// 左侧广告距离页首高度
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 = 100;// 右侧广告距离页首高度
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='http://www.wangyeba.com' target='_blank'><img src=images/s_image4.gif border='0' width='162' height='300'></a></div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href='http://www.wangyeba.com' target='_blank'><img src=images/s_image4.gif border='0'width='162' height='300'></a></div>");
initEcAd()
</script> <!--v:3.2-->
分享到:
相关推荐
本文将详细介绍如何使用JavaScript实现左右两侧的浮动广告。 首先,我们需要理解JavaScript的基本语法和DOM操作。JavaScript是一种解释型的、跨平台的脚本语言,常用于网页交互和动态效果的实现。DOM(Document ...
在这个项目中,开发者通过jQuery创建了一个侧边栏浮动的图片广告,这种广告形式通常被称为“对联广告”,因为它像对联一样悬挂在页面的两侧,随着用户滚动页面而始终保持在视线范围内。 【描述】中提到的"说明地址...
"两侧浮动"意味着广告会始终保持在用户的视线范围内,无论他们浏览页面的哪个部分。这种设计可以确保广告的持续曝光,提高品牌知名度,同时也能更有效地吸引用户点击,尤其是当广告内容与用户当前浏览的内容相关时。...
为了创建浮动广告,HTML文件可能包含了一些特定的标签和CSS(层叠样式表)规则,以及可能的JavaScript脚本来实现动态效果。 首先,HTML部分可能使用`<div>`标签来创建一个容器,这个容器将包含广告内容。`<div>`是...
在网页设计中,对联浮动广告是一种常见的广告形式,它通常位于页面的两侧,随着用户滚动页面而上下移动,以此保持广告始终可见。这种广告模式因其独特的展示方式和较高的曝光率,被许多网站广泛采用。本文将深入探讨...
10. `07.rar`:由于文件名不完整,无法直接推测具体内容,但可能是另一种广告实现,如弹出广告或者浮动广告。 这些广告代码的实现往往需要考虑性能优化、适应性布局(响应式设计)以及兼容性问题,确保在各种浏览器...
浮动广告常出现在屏幕边缘,始终可见。JavaScript可以设置广告位置,使其始终保持在屏幕的特定位置,提高广告曝光率。 8. **在页面上浮动漂移的广告代码**: 漂移广告通常会跟随用户的滚动而移动,保持在视线范围...
6. **右下角浮动广告代码**:这种广告会固定在页面右下角,即使用户滚动页面也不会消失。JavaScript可以控制广告的显示、隐藏以及浮动效果,保持其始终在用户的视野范围内。 7. **在页面上浮动漂移的广告代码**:...
右侧浮动广告,如其名,会在页面滚动时始终固定在屏幕右侧,保持可见。JS实现这一功能的关键在于设置元素的定位属性,例如使用`position: fixed`,并配合`top`和`right`属性确保广告的位置。 拉链广告是一种创意...
1. **定位与浮动**:广告元素通过JS代码被设置为固定定位(position: fixed),确保无论用户浏览页面的哪个部分,广告始终在屏幕的左右两侧可见。 2. **动态调整**:当用户窗口大小发生变化时,如缩放浏览器或切换...
同时,可能还需要使用相对定位(relative)或绝对定位(absolute)来使广告浮动于页面两侧。 3. **JavaScript或jQuery**:为了让广告实现动态滚动,我们通常需要借助JavaScript或者更高级的jQuery库。这些脚本可以...
对联广告通常指的是网页两侧展示的竖向广告,这类广告形式在国内网站中较为常见。通过JavaScript(简称JS)编写相应的脚本可以实现对联广告的动态展示效果,例如跟随用户滚动页面而移动位置,或添加关闭按钮等互动...
6. **对联广告**:出现在页面两侧的广告,同样具有强烈的视觉冲击力,尤其适合吸引用户的目光。 7. **文本链接广告**:仅由文字组成的广告,点击后跳转至相应页面,不显眼但效果可能出乎意料地好。 8. **擎天柱...
例如,标题中提到的“新浪网首页左侧流媒体浮动广告”就利用了JS来实现在页面滚动时广告位置的动态变化。 **Flash** 曾经是创建丰富互联网应用程序(RIA)和动画的首选工具,尤其在制作复杂的图形和视频内容时。...
通过以上这些知识点,我们可以编写一个完整的JavaScript漂浮对联广告脚本,使其在页面上既美观又不打扰用户。在实际应用中,还需要结合HTML结构和CSS样式进行细致的调整,以达到最佳的视觉效果和用户体验。
这描述暗示了飘浮广告条常被设置在网页的两侧,因为这是用户视线最常停留的地方,可以有效地提高广告的可见度。同时,由于寻找过程的不易,可能意味着这样的代码实现或者资源并不是那么容易获取,可能需要一定的技术...
在本案例中,“js 对联广告”指的是使用JavaScript技术实现的一种广告展示形式,这种广告通常出现在网页的两侧,就像中国传统对联一样,因此得名“对联广告”。 对联广告的设计目标是提高用户体验的同时,有效地...
对联广告,通常位于网页两侧,是一种非侵入性的广告展示方式,能有效吸引用户的注意力而不干扰主要内容。在ASP(Active Server Pages)环境中,我们可以利用服务器端脚本来生成和管理这些广告。ASP是一种基于微软IIS...
通过本项目的学习,学生能够依据公司项目要求完成页面的特效制作,包括结合CSS和JavaScript实现广告图片自动轮换特效、利用JavaScript实现浮动广告特效、悬浮客服特效和两侧悬浮促销广告特效。 知识目标: 1. ...
对联广告,顾名思义,是将广告设计成类似对联的形式,通常由两个或多个相对应的部分组成,横跨网页两侧,呈现一种对称的视觉效果。这种设计方式可以使广告与网页内容融合得更自然,同时通过较大的展示面积吸引用户...