网站底部悬浮广告可关闭html代码

Jaysun

温馨提示:这篇文章已超过403天没有更新,请注意相关的内容是否还可用!

网站或是博客的时候,偶尔会看到一些弹窗广告,虽然有些烦但是有时候还是相当实用的,比如某些促销活动还剩几天的情况下可以投放此类广告,活动结束就关闭。感觉这种形式的广告比较不错,自己研究了一下,参考了网上的一些内容,最终效果还不错,喜欢的老规矩收藏本站下载即可。


源码截图:

11.png

如上图所示,整体的广告窗口比较简单,就一张图片、一些宣传文字、一个关闭按钮和一个链接按钮,会一直悬浮在右下角的位置。点击链接按钮【立刻前往选购】即可前往目标页面,点击右上角的关闭按钮 X 就能暂时关闭这个广告弹窗,网页再次刷新或者打开页面就会重新出现。实现这个悬浮广告窗口的代码都很简单,都是 HTML 代码,具体如下:

隐藏内容
评论可见
前往评论


使用方法也很简单,替换以上代码中的图片、宣传文字及链接地址后直接复制修改后的代码粘贴到自己站点的 footer.php 文件中即可。当然,你也可以根据实际需求加以完善,比如屏幕小于多少 PX 时不显示,或只显示在首页就加一个判断等等。

因为这个悬浮广告窗口是 HTML 代码,理论上适合所有站点,目前运行在 WordPress 站点是完美实现,具体见本站右下角的悬浮广告,其他类型的站点请自行测试。


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 25 条评论,1258人围观)
网友昵称:hjwgjd2
hjwgjd2 V 普通用户 Google Chrome 114.0.5735.289 Windows 10 x64 25楼
03-04 来自安徽 回复
谢谢站长
网友昵称:酷小呵
酷小呵 V 普通用户 Google Chrome 101.0.4951.74 Android 13 24楼
02-07 来自山东 回复
谢谢
网友昵称:pandajz
pandajz V 普通用户 Google Chrome 90.0.4430.72 Windows 7 x64 23楼
2023-11-20 来自河南 回复
让我用用看看
网友昵称:laowang
laowang V 普通用户 Google Chrome 94.0.4606.71 Windows 10 x64 22楼
2023-11-17 来自重庆 回复
厉害
网友昵称:chuxinvip
chuxinvip V 普通用户 Google Chrome 99.0.4844.88 Windows 10 x64 21楼
2023-10-13 来自河北 回复
厉害
网友昵称:wakaoxsxs
wakaoxsxs V 普通用户 Google Chrome 116.0.0.0 Windows 10 x64 20楼
2023-09-22 来自河北 回复
emmmmm……看不懂怎么破?
网友昵称:wakaoxsxs
wakaoxsxs V 普通用户 Google Chrome 116.0.0.0 Windows 10 x64 19楼
2023-09-22 来自河北 回复
感谢分享
网友昵称:ckill
ckill V 普通用户 Firefox 116.0 Windows 10 x64 18楼
2023-09-07 来自山西 回复
不错,先拿走了,测试下
网友昵称:123456789
123456789 V 普通用户 Google Chrome 95.0.4638.69 Windows 10 x64 17楼
2023-08-06 来自湖北 回复
emmmmm……看不懂怎么破?
网友昵称:qq2282211347
qq2282211347 V 普通用户 Google Chrome 94.0.4606.71 Windows 10 x64 16楼
2023-07-26 来自重庆 回复
emmmmm……看不懂怎么破?

目录[+]

取消
微信二维码
微信二维码
支付宝二维码