给网站的标题添加点色彩

2021-09-29 07:50:13

这一期准备发车了,请做好准备～

你有没有想过用户看完你的网站之后可能就会放在标签页就不管了；

来让夏柔给你打个赌，把下面的代码加到网站上，绝对会吸引一些用户的注意力；

不信？来看看演示视频：

怎么样，眼不眼熟呢～

不过值得注意的是该代码使用所有支持JavaScript的网站，当用户的浏览器禁用了JavaScript，例如洋葱浏览器；那么就没有办法生效了；

此代码适用一些企业展示、咨询类型的网站，比如用户在前台留言，转身去浏览其他企业官网继续留言，突然标题给他展示：您有一条消息未读，一般都会去看的；

如果是商城类型的网站，建议文案：您有一个红包待领取、您有一个优惠券待领取、您有一个......

当然了，不要有欺骗人的行为，视频里面的只是给你们看的。。。我并没有应用，因为我想做一个正直的站长（心虚的夏柔）

好了，废话不多说步入正题：

代码

<script>  
// 浏览器标题切换  
// 阿里云开发者社区原创文章
var OriginTitile = document.title;    // 保存之前页面标题  
var titleTime;  
document.addEventListener('visibilitychange', function(){  
    if (document.hidden){  
        document.title = '您有一条消息未读 - 1条';  
        clearTimeout(titleTime);  
    }else{  
        document.title = '夏柔欢迎你回来～';  
        titleTime = setTimeout(function() {  
            document.title = OriginTitile;},2000); // 2秒后恢复原标题  夏柔提醒要修改多少秒，修改2就行；
    }  
});  
</script>

将这个代码保存到哪，夏柔就不多讲了，最后祝大家生意兴隆～

转载请注明来源哈～

码农公寓

代码

相关文章