首页/日志/正文

WP添加“圣诞快乐”弹出图

在footer.php里面找个合适的位置粘贴进去。

<?php if(!isset($_COOKIE['MerryChristmas'])){ ?>
<div id="MC_bg" style="width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);position: fixed;z-index: 999999;">
<div style="width: 55%;height: 65%;margin: 6% auto;background-color: #fff;border-radius: 10px;">
<img src="<?php echo get_stylesheet_directory_uri(). '/images/MerryChristmas-1225.jpg'; ?>" alt="Merry Christmas" title="圣诞快乐!点击图片以外任意位置即可关闭" style="width: 100%;height: 100%;border-radius:10px;">
</div>
<script>
jQuery(document).ready(function($) {
$("#MC_bg").click(function(e){
if(e.target.id!="MC_bg"){
return false;
}
$("#MC_bg").fadeOut();
$.cookie('MerryChristmas', 'thank you', {path:"/"});
});
});
</script>
</div>
<?php } ?>

然后将下面这张图片上传到主题images文件夹里:
WP添加“圣诞快乐”弹出图

 

还没有评论,快来抢沙发!

发表评论

  • 😉
  • 😐
  • 😡
  • 😈
  • 😯
  • 😛
  • 😳
  • 😮
  • 😆
  • 💡
  • 😀
  • 👿
  • 😥
  • 😎
  • 😕