JavaScript完成简单的对联广告

全栈程序员-站长 • 2026年3月17日下午4:39 • 未分类 • 阅读 2

JavaScript完成简单的对联广告非常简单的使用方法只需在需要加入广告的页面引入一个 js 文件即可

非常简单的使用方法，只需在需要加入广告的页面引入一个js文件即可。

javascript文件（ad.js）如下:

lastScrollY = 0; //左边的广告 var leftAd = ""; //右边的广告 var rightAd = ""; function heartBeat() { var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else { /*Netscape stuff*/ } //alert(diffY); percent = .1 * (diffY - lastScrollY); if (percent > 0) percent = Math.ceil(percent); else percent = Math.floor(percent); document.getElementById("LeftAd").style.top = parseInt(document.getElementById("LeftAd").style.top) + percent + "px"; document.getElementById("RightAd").style.top = parseInt(document.getElementById("LeftAd").style.top) + percent + "px"; lastScrollY = lastScrollY + percent; //alert(lastScrollY); } suspendcode12 = " 
  
    " + leftAd +" 
   关闭" suspendcode14 = " 
   
     " + rightAd + " 
    关闭" document.write(suspendcode12); document.write(suspendcode14); window.setInterval("heartBeat()", 1); function ClosedivLeft() { LeftAd.style.visibility = "hidden"; } function ClosedivRight() { RightAd.style.visibility = "hidden"; }

其中变量leftAd和rightAd可以自定义修改，分别为左边的广告和右边的广告。

要显示广告的html页面只需要加载上面的js即可，不用再做其它的了。

效果如下，广告的长度和宽度可以自定义，这里随便用一个了。

JavaScript完成简单的对联广告

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/222060.html原文链接：https://javaforall.net

赞 (0)

0 0

关于作者

全栈程序员-站长

133.5K 文章

3 粉丝

本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”

二维vector初始化的几种方法

上一篇 2026年3月17日下午4:39

ftp 21端口被占用解决办法

下一篇 2026年3月17日下午4:39

es6之数组的flat()，flatMap()「建议收藏」

es6之数组的flat()，flatMap()「建议收藏」数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。[1,2,[3,4]].flat()//[1,2,3,4]上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将f…

全栈程序员-站长
2022年5月30日
80
排序—-折半插入排序

排序—-折半插入排序折半插入排序 BinaryInsert 是对插入排序算法的一种改进所谓排序算法过程就是不断的依次将元素插入前面已排好序的序列中排序思想有一组数据待排序排序区间为 Array 0 Array n 1 将数据分为有序数据和无序数据第一次排序时默认 Array 0 为有序数据 Array 1 Array n 1 为无序数据有序数据分区的第一个元素位置为 low 最后一

全栈程序员-站长
2026年3月19日
2
c语言表白用代码（1）

c语言表白用代码（1）不多说，直接上代码，有用拿走，侵权立删。希望大家尽早找到自己的另一半。#include<stdio.h>#include<math.h>#include<stdlib.h>#defineI20#defineR340#include<string.h>intmain(){charanswer[4];…

全栈程序员-站长
2022年7月25日
40
csv格式怎么转成excel_比较好一点的Excel转PDF

csv格式怎么转成excel_比较好一点的Excel转PDF需求说明假如有一个csv文件，打开之后不是想要的编码格式，或者一些数字全都是科学计数法计数。下面你按照下面文档一步一步操作就可以将CSV格式转化成EXCEL格式。1.新建一个excel空文档，如

全栈程序员-站长
2022年8月1日
10
ios -特殊符号大全分享给大家，直接复制粘贴就可以使用了！

ios -特殊符号大全分享给大家，直接复制粘贴就可以使用了！░▒▬♦◊◦♠♣▣۰•●❤●•۰►◄▧▨♨◐◑↔↕▪▫☼♦♧♡♂♀♠♣♥❤☜☞☎☏⊙◎☺☻☼▧▨♨◐◑↔↕▪▒◊◦▣▤▥▦▩◘◈◇♬♪♩♭♪の★☆→あぃ￡Ю〓§♤♥▶¤๑⊹⊱⋛⋌⋚⊰⊹≈๑۩۩….۩۩๑๑۩۞۩๑✲❈✿✲❈➹~.~◕‿-｡☀☂☁【】┱┲❣✚✪✣✤✥✦❉❥❦❧❃❂❁…

全栈程序员-站长
2022年5月5日
100
运维如何选择最合适的服务器方案（一）：服务器硬件配置

运维如何选择最合适的服务器方案（一）：服务器硬件配置服务器运行什么应用需要支持多少用户访问需要多大空间来存储数据我的业务有多重要 1 服务器运行什么应用这是首先需要考虑的问题在这里你要根据服务器的应用类型也就是用途来决定服务器的性能容量和可靠性需求我们按照前端服务器应用程序服务器数据服务器的常见基础架构来讨论 1 1Web 前端正常情况下我们认为大多数 Web 前端服务器 Front end 对服务器的要求不大例如

全栈程序员-站长
2026年3月26日
2

发表回复

关注全栈程序员社区公众号