页面两端像对联一样的广告的实现

最新推荐文章于 2021-07-10 06:49:05 发布
最新推荐文章于 2021-07-10 06:49:05 发布
阅读量150 收藏
点赞数
分类专栏： 网页特效 文章标签： JavaScript HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_15929/article/details/81859980
版权

<!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>

iteye_15929
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
页面两侧对联广告(允许关闭)代码效果
05-16 1804
　　现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，本文介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，而且与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码： var delta=0.015; var collection
html页面两侧对联效果
01-12
html页面两侧对联效果（记着把index.hmtl里面jquery的路径改成自己的）
html javascript 网站两侧对联广告
hujiameihuxu的专栏
07-23 1772
标准对联广告Js代码 <!-- #lovexin12,#lovexin14{ width:90px; height:230px; background-color:#ededed; border:1px solid #ddd; } html,body{ height:1203px; } #mm{ height:1000px; } --> lastScrollY=0; function he
网页两边的对联广告代码
你是自己设计的产品
05-10 1679
对联广告 - www.zewen.cn页面区域var showad = true;var Toppx = 60;   //上端位置var AdDivW = 100;  //宽度var AdDivH = 360;  //高度var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条var MinScreenW = 1024; //显示广告的最小屏幕宽度象素var Close
一个网站的左右两边放的“对联广告”
12-27
一个网站的左右两边放的“对联广告”，而且是可以跟随鼠标滑动的，效果很不错哦
java 对联广告实例
10-26
在这个“java 对联广告实例”中，我们可以探讨如何利用Java技术来实现这样的功能，并理解其背后的核心概念和技术。 首先，我们需要了解Java在Web开发中的角色。Java是一种广泛使用的编程语言，尤其在服务器端编程中...
可以 后台管理的网站对联广告
08-23
在网页设计和开发中，"可以后台管理的网站对联广告"是一种常见的功能，它允许网站管理员通过后台系统来控制和管理网站上的对联广告（通常指的是横跨页面两侧的广告条）。这种功能的实现通常涉及到前端界面的设计以及...
左右浮动广告无抖动可关闭隐藏式 对联广告 亲测保证能用
07-17
在网页设计中，对联广告（也称侧边栏广告）是一种常见的广告形式，它通常位于页面的两侧，为用户提供不打断主要内容浏览的广告体验。本教程将详细讲解如何实现标题所描述的“左右浮动广告无抖动可关闭隐藏式对联广告...
来自TOM网首页的flash对联广告.zip
11-21
【标题】"来自TOM网首页的flash对联广告.zip" 提供的是一个关于TOM网首页上的Flash对联广告的资源包。对联广告通常是指在网页两侧或中间展示的、形式如同传统对联的互动广告，它利用Flash技术来创建动态效果，吸引...
JavaScript 网页两侧对联浮动广告
xiaoyu714543065的专栏
11-01 1711
1：源码 [javascript] view plaincopyprint? function FloatCouplet(leftElement, rightElement) {      if (arguments.length == 0) return;            lastScrollY=0;      function heartBeat(leftEl
页面两侧对联广告代码效果
lianghao2008的专栏
09-07 971
现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，本文介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面文本框中就是实现效果所需代码： 　　var delta=0.015　　var collection;　　function floaters() {　　　　this.items
html网页布局对联,html javascript 网站两侧对联广告
weixin_39796533的博客
06-10 209
标准对联广告Js代码lastScrollY=0;function heartBeat(){var diffY;if (document.documentElement && document.documentElement.scrollTop)diffY = document.documentElement.scrollTop;else if (document.body)diff...
网页两边对联广告效果
liuliu26的专栏
01-21 1289
//more javascript from http://www.smallrain.netfunction initEcAd() {document.all.AdLayer1.style.posTop = -200;document.all.AdLayer1.style.visibility = visibledocument.all.AdLayer2.style.posTop = -20
网站广告两侧html,网页特效代码网页左右两侧居中的对联广告代码
weixin_35714577的博客
07-10 366
无标题文档#left{ width:200px;height:450px; position:absolute; left:0px; background:red; border:1px #000 solid}#right{width:200px;height:450px; position:absolute; right:0px; background:blue; border:1px #000...
android studio项目实例
最新发布
07-12
android studio项目实例 Android studio音乐播放器 项目名称：音乐播放器 开发环境必看：不然打开文件会报错，一定要安装相匹配的Gradle版本和SDK 操作系统：Windows 10 开发工具：JDK1.8 Android Studio 4.2.1 API版本： Android API 28 SDK版本：28.0.3 Gradle版本：5.6.4 实现功能：登陆注册界面/暂停/播放/下一曲/上一曲/歌手信息分类 项目图片： 项目源代码 Activity_main.xml文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="
基于51单片机的温度控制系统设计报告
07-12
详细介绍了基于51单片机的温度控制系统，包含设计的原理图，程序框图，能够有效提供参考
用HTML5制作web页面对联弹窗广告
04-26
可以在页面中使用CSS创建两个定位为fixed的div容器，分别定位在页面的左右两侧，然后通过JavaScript监听浏览器窗口的滚动事件，控制两个div容器的显示和隐藏，从而实现对联式弹窗广告的效果。具体实现细节可以根据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值