Exemplo de especificação aleatória da cor de fundo dos elementos da página da web

A função js acaba de abrir à tarde. Eu criei uma pequena função de "Whisper" para o meu blog, provavelmente para exibir uma div contendo as linhas de filme de canja de galinha na página inicial. Sempre que você atualizar a página ou clicar no botão para atualizar, o conteúdo será atualizado.

Depois de terminar, sinto que a cor é mais monótona (meu próprio problema de hábito). Depois de pensar nisso, criei uma maneira de mudar dinamicamente a cor.

Como o jardim do blog inclui jquery por padrão. Então, primeiro defina uma lista de cores favorita com js array. Pegue um aleatoriamente e use jquery diretamente para alterar o plano de fundo do elemento.

Coloque-o na definição da barra lateral, o código principal é o seguinte:

<script> 
$ ( function () { 

setColor (); 

}); 

função setColor () {
 var colorArr = nova matriz ("# 00BCD4", "# 8bc34a", "# f44336", "# f44336", "# 9c27b0", "# 3f51b5" )
 var theColor = colorArr [Math.floor ( (Math.random () * colorArr.length))]; 
$ ( "#whispers"). css ("cor de fundo" , theColor); 
}
 </script>