登录  |  注册
当前位置：网站首页 > 更多 > 站长帮 > 正文

[趣味代码] 为你标题添加动态切换效果

作者：CC下载站 日期：2018-10-09 06:34:39 浏览：1783 分类：站长帮

最近在网上看到别人的标题失去焦点会变,觉得很好玩 就F12 搬运过来了

其实就是一个挺好玩的JS脚本,获得焦点时即恢复正常标题,失去焦点显示指定的标题,只需要在底部加入一段代码即可让你的网页标题动起来~ 动次打次动次打次~下面为大家分享下代码吧~

效果图:

[趣味代码] 为你标题添加动态切换效果

加入在底部就可以了

代码:

</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> // 切换网页试下效果吧


猜你还喜欢

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

取消回复欢迎 你 发表评论:

精品推荐！
欢迎 访客 登录没有账号？
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门tag
友情链接

关灯