Assine:
Background Randomico
Background randomico
Escrito por JoneMulti em JavaScript e Ajax. Data: 02/12/2008
Licença: Alguns direitos reservados. Dar créditos ao autor e linkar este original
As vezes voce e pergunta "Como é que aquele site fica mudando a cor ou imagem do fundo a cada refresh??? 
"
Os seu problemas acabaram.
Voce tabem pode pode mudar para imagens veja:
No exemplo usei uma div.
"Os seu problemas acabaram.
CODE
<script type="text/javascript">
function bg() {
var f = new Array();
f[0]= 'f00'
f[1]= 'ccc'
f[2]= '000'
f[3]= 'cc6600'
f[4]= 'aacc89'
var numero = Math.floor(Math.random()*5);
document.write("<div style='background-color:#"+f[numero]+"'>TESTANDO</div>");
}
fundos();
</script>
function bg() {
var f = new Array();
f[0]= 'f00'
f[1]= 'ccc'
f[2]= '000'
f[3]= 'cc6600'
f[4]= 'aacc89'
var numero = Math.floor(Math.random()*5);
document.write("<div style='background-color:#"+f[numero]+"'>TESTANDO</div>");
}
fundos();
</script>
Voce tabem pode pode mudar para imagens veja:
CODE
<script type="text/javascript">
function bg() {
var f = new Array();
f[0]= 'images/bg1.gif'
f[1]= 'images/bg1.gif'
f[2]= 'images/bg1.gif'
f[3]= 'images/bg1.gif'
f[4]= 'images/bg1.gif'
var numero = Math.floor(Math.random()*5);
document.write("<div style='background-image:#"+f[numero]+"'>TESTANDO</div>");
}
fundos();
function bg() {
var f = new Array();
f[0]= 'images/bg1.gif'
f[1]= 'images/bg1.gif'
f[2]= 'images/bg1.gif'
f[3]= 'images/bg1.gif'
f[4]= 'images/bg1.gif'
var numero = Math.floor(Math.random()*5);
document.write("<div style='background-image:#"+f[numero]+"'>TESTANDO</div>");
}
fundos();
No exemplo usei uma div.
Mais recentes em JavaScript e Ajax
- Máscara para bloqueio de caracteres !
- Por PedroCaminha - Uma mão na roda!...
- Animate to class (plugin para jquery)
- Por dragun - Faça animações diretamente para uma classe...
- Background randomico
- Por JoneMulti - As vezes voce e pergunta "como é que aquele site...
- Abandone o getelementbyid
- Por Micox - “wtf mico? are you crazy?” - calma malucada, não estou...
- Funções javascript equivalentes a funções
- Por Micox - Php to javascript project: php.js...
Ver mais Artigos de JavaScript e Ajax.
Ver e retirar outras dúvidas no fórum Webly.
Alguns Direitos Reservados | RSS | O Fórum
Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com
Comentários:
Daniel Vidal disse:
E o legal é que a partir desse código, podemos criar vários tipos de coisas dinâmicas, como altera letras, fontes, cores e quaisquer outras coisas que o js pode mudar...
legal...
JoneMulti disse:
Ver o restante dos comentários no fórum (e aproveitar pra comentar também !).