访问网站自动图片带链接弹窗提示——WordPress美化

2019年7月4日22:23:22 3 5,738
摘要

之前仙踪小栈曾发过《代码实现重要公告首页弹窗提示——WrodPress美化》，不过这个弹框提示是文字提示，而且不带链接。近日有朋友想弄一个：用户访问网站，自动弹窗图片广告，然后几秒钟自动消失或者可以手动点击关闭，零技术黑冰站长（原云端框架博客站长）再次出手，特分享给大家

 

访问网站自动图片带链接弹窗提示——WordPress美化

 

代码部署：

好了，接下来就是正文了。将以下代码放置于你想弹窗的位置，即可。如果你想全站弹窗，请添加到 footer.php；首页，请添加到 index.php；文章页的话，post.php 里即可。不同博客程序，可能稍有区别，emmm，自己体会吧。

 

您暂时无权查看此隐藏内容！

 

代码说明：

代码中的第 1 行，是 jq 调用，如果你主题已经调用了 jq，请去除第一行代码。判断是否调用 jq（右键网页，查看源码，搜索 jquery）。（鸟哥的Begin主题已经调用了，所以第一行代码可以删除）

代码中的第 28 行，width:60% 表示弹窗的宽度，占屏幕宽度的 60%。

代码中第 30 行，链接网址、图片链接与图片说明，请更改成你自己的。

代码中的第 36 行，150px 表示弹窗距离网页顶部的距离。

代码中的第 38 行，480px 表示弹窗的高度。

代码中的第 53 行，数字表示了自动关闭弹窗的时间，单位是 ms。

 

后续说明：

我只是实现了功能，js 基本没问题，css 简直飞起，会改的自行修改吧。不会改的，下方留言即可。

 

效果图：

 

 

以上隐藏内容查看价格为2金币，请先
【温馨提示】
  • 金币可用于购买网站里需要付费才能查看或下载的文章资源，由于资源属于可复制类，购买后概不退款，请考虑清楚后选择购买！
  • 如有问题，请及时联系客服 QQ：7664849
  • 关于仙踪小栈博客推出VIP会员的通知
    • 若文章图片、下载链接等信息出错，请在评论区留言反馈，博主将第一时间更新！如果喜欢，请打赏支持本站，谢谢大家！

    发表评论

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

    目前评论：3   其中：访客  3   博主  0

      • yxmzzyylyk yxmzzyylyk 0 来自天朝的朋友 谷歌浏览器 Windows 10 四川省宜宾市 电信
        回复 2021年4月2日 21:33  沙发

        撒暗示暗示

        • 1000 1000 2 来自天朝的朋友 谷歌浏览器 Windows 7 中国 移动
          回复 2022年1月6日 15:49  板凳

          ssddffzgdff暗无天日

          • 35536 35536 0 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 联通
            回复 2022年8月28日 14:30  地板

            谢谢分享