`
zsnlovewl
  • 浏览: 175439 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

两侧浮动广告脚本

阅读更多
<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-->
分享到:
评论

相关推荐

    js实现左右两侧浮动广告

    本文将详细介绍如何使用JavaScript实现左右两侧的浮动广告。 首先,我们需要理解JavaScript的基本语法和DOM操作。JavaScript是一种解释型的、跨平台的脚本语言,常用于网页交互和动态效果的实现。DOM(Document ...

    jquery图片对联广告制作jQuery侧面浮动图片广告

    在这个项目中,开发者通过jQuery创建了一个侧边栏浮动的图片广告,这种广告形式通常被称为“对联广告”,因为它像对联一样悬挂在页面的两侧,随着用户滚动页面而始终保持在视线范围内。 【描述】中提到的"说明地址...

    两侧活动广告栏目 即插即用型 简单易懂相当好用

    "两侧浮动"意味着广告会始终保持在用户的视线范围内,无论他们浏览页面的哪个部分。这种设计可以确保广告的持续曝光,提高品牌知名度,同时也能更有效地吸引用户点击,尤其是当广告内容与用户当前浏览的内容相关时。...

    网页滚动广告 随着网页的下拉而跟着走动

    为了创建浮动广告,HTML文件可能包含了一些特定的标签和CSS(层叠样式表)规则,以及可能的JavaScript脚本来实现动态效果。 首先,HTML部分可能使用`&lt;div&gt;`标签来创建一个容器,这个容器将包含广告内容。`&lt;div&gt;`是...

    对联浮动广告效果

    在网页设计中,对联浮动广告是一种常见的广告形式,它通常位于页面的两侧,随着用户滚动页面而上下移动,以此保持广告始终可见。这种广告模式因其独特的展示方式和较高的曝光率,被许多网站广泛采用。本文将深入探讨...

    17个大型商业网站最常用的广告代码

    10. `07.rar`:由于文件名不完整,无法直接推测具体内容,但可能是另一种广告实现,如弹出广告或者浮动广告。 这些广告代码的实现往往需要考虑性能优化、适应性布局(响应式设计)以及兼容性问题,确保在各种浏览器...

    网站广告javascript大全

    浮动广告常出现在屏幕边缘,始终可见。JavaScript可以设置广告位置,使其始终保持在屏幕的特定位置,提高广告曝光率。 8. **在页面上浮动漂移的广告代码**: 漂移广告通常会跟随用户的滚动而移动,保持在视线范围...

    12个JavaScript广告动画源码

    6. **右下角浮动广告代码**:这种广告会固定在页面右下角,即使用户滚动页面也不会消失。JavaScript可以控制广告的显示、隐藏以及浮动效果,保持其始终在用户的视野范围内。 7. **在页面上浮动漂移的广告代码**:...

    收集的各种JS代码广告大全

    右侧浮动广告,如其名,会在页面滚动时始终固定在屏幕右侧,保持可见。JS实现这一功能的关键在于设置元素的定位属性,例如使用`position: fixed`,并配合`top`和`right`属性确保广告的位置。 拉链广告是一种创意...

    91WAN游戏左右悬浮广告.zip

    1. **定位与浮动**:广告元素通过JS代码被设置为固定定位(position: fixed),确保无论用户浏览页面的哪个部分,广告始终在屏幕的左右两侧可见。 2. **动态调整**:当用户窗口大小发生变化时,如缩放浏览器或切换...

    网站左右两边滚动对联广告

    同时,可能还需要使用相对定位(relative)或绝对定位(absolute)来使广告浮动于页面两侧。 3. **JavaScript或jQuery**:为了让广告实现动态滚动,我们通常需要借助JavaScript或者更高级的jQuery库。这些脚本可以...

    对联广告JS代码效果大全

    对联广告通常指的是网页两侧展示的竖向广告,这类广告形式在国内网站中较为常见。通过JavaScript(简称JS)编写相应的脚本可以实现对联广告的动态展示效果,例如跟随用户滚动页面而移动位置,或添加关闭按钮等互动...

    网络广告的主要形式有以下几种.doc

    6. **对联广告**:出现在页面两侧的广告,同样具有强烈的视觉冲击力,尤其适合吸引用户的目光。 7. **文本链接广告**:仅由文字组成的广告,点击后跳转至相应页面,不显眼但效果可能出乎意料地好。 8. **擎天柱...

    JS+Flash广告(1)

    例如,标题中提到的“新浪网首页左侧流媒体浮动广告”就利用了JS来实现在页面滚动时广告位置的动态变化。 **Flash** 曾经是创建丰富互联网应用程序(RIA)和动画的首选工具,尤其在制作复杂的图形和视频内容时。...

    JS广告代码 漂浮 对联

    通过以上这些知识点,我们可以编写一个完整的JavaScript漂浮对联广告脚本,使其在页面上既美观又不打扰用户。在实际应用中,还需要结合HTML结构和CSS样式进行细致的调整,以达到最佳的视觉效果和用户体验。

    带关闭的飘浮广告条

    这描述暗示了飘浮广告条常被设置在网页的两侧,因为这是用户视线最常停留的地方,可以有效地提高广告的可见度。同时,由于寻找过程的不易,可能意味着这样的代码实现或者资源并不是那么容易获取,可能需要一定的技术...

    js 对联广告

    在本案例中,“js 对联广告”指的是使用JavaScript技术实现的一种广告展示形式,这种广告通常出现在网页的两侧,就像中国传统对联一样,因此得名“对联广告”。 对联广告的设计目标是提高用户体验的同时,有效地...

    符合web标准且可单独关闭的多幅对联广告

    对联广告,通常位于网页两侧,是一种非侵入性的广告展示方式,能有效吸引用户的注意力而不干扰主要内容。在ASP(Active Server Pages)环境中,我们可以利用服务器端脚本来生成和管理这些广告。ASP是一种基于微软IIS...

    电子商务网页制作-项目八.pptx

    通过本项目的学习,学生能够依据公司项目要求完成页面的特效制作,包括结合CSS和JavaScript实现广告图片自动轮换特效、利用JavaScript实现浮动广告特效、悬浮客服特效和两侧悬浮促销广告特效。 知识目标: 1. ...

    三组对联广告,左右漂浮,可关闭,可侧漂浮

    对联广告,顾名思义,是将广告设计成类似对联的形式,通常由两个或多个相对应的部分组成,横跨网页两侧,呈现一种对称的视觉效果。这种设计方式可以使广告与网页内容融合得更自然,同时通过较大的展示面积吸引用户...

Global site tag (gtag.js) - Google Analytics