跳转到主内容
思享编程网:思考分享,玩转编程世界!

如何用HTML5和JS制作经典的对联网页对联广告?

Hey,是不是想给自己网站加个吸睛的对联网页对联广告?今天就来跟大家分享一个经典的JS对联广告代码,让你轻松实现这个效果!

了解对联广告的基本结构

首先,我们来看看这个对联广告代码的基本结构。这里有几个关键变量和函数:

  • delta: 控制广告移动的速度。
  • collection: 存储所有广告元素的对象。
  • closeB: 控制广告是否显示的标志。
  • floaters: 一个用于管理广告的类,包含添加广告和播放广告的功能。

添加广告元素

var theFloaters= new floaters();
theFloaters.addItem('followDiv1','document.body.clientWidth-106',80,'

'); theFloaters.addItem('followDiv2',6,80,'

');

这里我们创建了两个广告元素,分别放置在页面右下角和左下角。

播放广告

theFloaters.play();

调用play函数开始播放广告。

关闭广告

function closeBanner()
{
closeB=true;
return;
}

如果你想关闭广告,可以调用closeBanner函数。

这个代码非常经典,相信能够帮助你实现一个漂亮的对联网页对联广告。如果你对HTML5和JavaScript还有更多疑问,欢迎来「思享编程网」(www.sxgpb.com)和我交流哦!

相关文章