通过JS实现广告位随机显示不同图片及链接


实现广告位随机显示不同图片及链接地址步骤

1、将以下代码添加中的阿里云、腾讯云推广地址及图片地图更换为你自己的广告链接地址及图片(PS:建议两个图片大小高度一致),然后另存为一个 JS 文件,如 suijitupian.js,然后上传到网站根目录某个位置(一般建议放在主题文件夹下的 js 文件夹)。

var p=2;
var q=Math.floor(Math.random()*p+1)
switch(q)
{
case 1:
document.writeln("<a href='阿里云推广地址' target='_blank' rel='nofollow noopener'><img src='阿里云广告图片地址'></a>");
break;
case 2:
document.writeln("<a href='腾讯云推广地址' target='_blank' rel='nofollow noopener'><img src='腾讯云广告图片地址'></a>");
break;
}

说明:以上代码只是显示两个广告,如果想要显示多个,比如显示 5 个,那么就把上述代码中的 p=2 改为 p=5,复制 case2 及对应的内容修改为 case 3、case 4 和 case 5 即可。记得修改相应链接地址及广告图片地址。

2、将以下代码中的 JS 文件地址修改好之后,直接将以下代码添加到想要显示广告的位置即可。如果主题集成有广告位管理功能的,直接添加到广告位也行。

<div>
<script type="text/javascript" src="第 1 步 JS 文件地址"></script>
</div>

至此,我们已经实现了广告位随机显示不同的广告图片及对应的链接地址。



版权声明

本文作者 孙培远 / 文章来源: 原创

本文链接https://www.xzccc.com/blog/wangzhanjianshe/31.html

转载分享:如果你要转载或者分享本篇文章,请注明作者/出处以及原文链接即可!

侵权行为:如果文章内容侵犯了您的权益,还请麻烦来信告知删除内容。


发表评论

检测到您还未登录,需要登录后才能发表评论!

注册 or 登录

文章评论 0 条评论,你也快来参与吧!

还没有评论呢~快来一鸣惊人吧!

业务范围

- Job requirements accepted -

img

- 智能家居 -

提供一站式服务
设计/布线/安装/调试/维护

电话:400-828-0521
img

- 安防监控 -

提供免费上门规划
设计/布线/安装/调试/维护

电话:0516-81800000
img

- 电信业务 -

提供上门办理服务
宽带/固话/手机靓号/终端/配件

电话:0516-83336667
img

- 智慧小区 -

提供统一管理平台
车位/安防/门禁/巡检/报修

电话:18952121111