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

2019年7月4日22:23:22 发表评论 73
摘要

之前仙踪小栈曾发过《代码实现重要公告首页弹窗提示——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
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的QQ
  • QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin

发表评论

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