给网站的标题添加点色彩

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

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

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

不信?来看看演示视频:

怎么样,眼不眼熟呢~

不过值得注意的是该代码使用所有支持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>

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

转载请注明来源哈~

上一篇:Confluence 6 CSS 编辑快速入门


下一篇:vi编辑器的使用(2)