html动态标题的实现

Feb 12, 2019

概述

很多博友在逛博客圈的时候可能经常会发现,有的个人网站会有酷炫而个性的动态标题显示,很多都是在主题模板里集成了的;而如果是自己想要实现html动态标题的效果的话,用JavaScript语句就能够实现。

实现代码

<script type="text/javascript">
    var OriginTitile = document.title;
    var titleTime;
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) {
            document.title = '404 Not Found';
            clearTimeout(titleTime);
        } else {
            document.title = '404?这辈子都不可能404的';
            titleTime = setTimeout(function() {
                document.title = OriginTitile;
            }, 2000);
        }
    });
</script>

把以上代码加到html网页的</body>之前就可以实现了。

  • 美好八月
  • 关于博客的三两事
  • 怎么完美截取整个网页截图
  • WordPress如何修改并自定义前台字体
  • 给Typecho文章页面添加百度谷歌收录检测
    1. 这不会是扒的我博客的代码吧

      1. @BigCoke

        算是吧!以前折腾过,突然想起来了就记录下来啦