快来试试吧

纯萌新,大佬勿喷(。•́︿•̀。)

  • 看起来花里胡哨
  • 深浅范围没控制好会导致眼瞎
  • 可能与背景一起,看起来会很别扭
  • 权当娱乐
  • 刚接触JavaScript,写的烂,大佬轻喷

function colorful(min,max){
var All = document.querySelectorAll('*');
All.forEach(function(item){
 id1 = Math.floor(Math.random()*max)+min;
 id2 = Math.floor(Math.random()*max)+min;
 id3 = Math.floor(Math.random()*max)+min;
 item.style.color = "rgb("+id1+","+id2+","+id3+")";
 item.style.textShadow = "0 0 2px rgb("+id1+","+id2+","+id3+")";
});
}

基础用法

1.在网页body标签前添加一个script标签
2.将代码复制进script标签
3.在代码后添加 colorful(颜色最浅值,颜色最深值);

推荐值:colorful(100,115);
4.如果页面有pjax,再加一句 colorful(颜色最浅值,颜色最深值);在回调函数里

进阶用法(按推荐值示例)

在代码中加入

t = setTimeout(function(){
  colorful(100,115);
},600);

在pjax回调函数中加入

colorful(100,115);
clearTimeout(t);
代码var All = document.querySelectorAll('*');中的号是Css选择器,代表选择所有DOM,也可以改为#XXX,.XXX来选择特定的DOM元素,只让特定位置变色

最后修改:2020 年 11 月 21 日 10 : 12 PM
球球了,博主已经三分钟没吃东西了