免费的QQ技术网,残梦资源网,QQ教程网

网站首页 网页特效 其他特效 正文

JS控制让Console漂亮起来,在浏览器控制台添加网站说明

2018-05-15 其他特效 941 ℃ 0 评论

QQ截图20180515194252.jpg

为了让喜欢按F12的访客不至于看到空空的控制台,写了点代码充实了下内容,也顺便复习下这部分内容。

代码如下:

<script>
console.log("%c%c网站名称%c残梦教程网","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#3fa9f5;line-height:28px;font-size:16px;");
console.log("%c%c网站地址%chttp://www.cmylw.cn","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#ff9900;line-height:28px;font-size:16px;");
console.log("%c%c企鹅号码%c1223188688","line-height:28px;","line-height:28px;padding:4px;background:#222;color:#fff;font-size:16px;margin-right:15px","color:#008000;line-height:28px;font-size:16px;");
console.log("%c%c任何足够先进的技术,初看皆与魔法无异!我一直觉得这句话很有道理,不知道你是不是也这样认为呢。","line-height:28px;","line-height:28px;padding:4px 0px;color:#fff;font-size:16px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,#5500ff));color:transparent;-webkit-background-clip:text;");
</script>


Tags:JS特效代码JS例子

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

网站分类
标签列表
最近发表