给网站标题添加动态切换效果方法 - 微笑博客


作者: smiling

全网最全的网络资源分享网站

手机扫码查看

特别声明:文章多为作者原创,少部分来源于互联网,如有侵权请联系邮箱2902829982@qq.com


方法很简单

在模板目录下footer.php加入以下代码即可

</script>  
<script>var OriginTitile=document.title;
 var st;
 document.addEventListener('visibilitychange',function(){
 if(document.hidden){
 document.title=" >_ #微笑君不见了";
 clearTimeout(st);
 console.log('hide');
 }else{
 document.title='(´∇`) 被你发现啦~ '+OriginTitile;
 console.log('show');
 st=setTimeout(function(){
 document.title=OriginTitile;
 },4000);
 console.log('endChange=');
 }
 });</script> // 切换网页试下效果吧
示例图片 
分享到:
打赏

以下为本文版权信息

阅读时间: 

发布于:2021-5-16

本文标题: 给网站标题添加动态切换效果方法

本文链接: https://www.smilingwxj.cn/post-26.html

版权声明:文章为《 smiling》原创,转载请保留出处!

评论

  1. #1
    tby 游客 Lv.1

    支持

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

sitemap // 切换网页试下效果吧