Background Randomico

Webly: Background Randomico - Webly

Regras para postagem

É permitido postar livremente respostas com comentários, testes e avaliações dos scripts. Postagens contendo dúvidas sobre o script, deverão ser postadas no fórum principal de javascript/ECMAScript/AJAX.

IMPORTANTE: Todos os tutoriais postados neste fórum irão automaticamente para o portal Webly. Contribua você também e faça parte da equipe de colaboradores que fazem a evolução da web. Obrigado.

Página 1 de 1

Novo tópico
Responder

Background Randomico Avaliar tópico:

#1 JoneMulti

Grupo: Membros
Posts: 7
Cadastrado: 01-dezembro 08
Localização:Salvador

Ícone Postou 02 dezembro 2008 - 12:32

As vezes voce e pergunta "Como é que aquele site fica mudando a cor ou imagem do fundo a cada refresh??? :blink:

"
Os seu problemas acabaram.

 <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>

Voce tabem pode pode mudar para imagens veja:

 <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();

No exemplo usei uma div.

[color="#ff0000"][b][u]Pode pareçer dificil, mas saiba que sempre pode piorar.
[/u][/b][/color]
[url="http://multiartsinformatica.com"]Multi Art's Informátita[/url]

Ir para o topo of the page up there ^
Quote
Responder

#2 Daniel Vidal

webly@workaholic.to.nessa

Grupo: Administradores
Posts: 1113
Cadastrado: 27-outubro 06
Localização:São Caetano do Sul - SP

Postou 02 dezembro 2008 - 01:27

Tutorial bacana!
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...
:thumbsup:

===== Não sei de nada, mas sou cheio de ideias =====

Ir para o topo of the page up there ^
Quote
Responder

#3 JoneMulti

Grupo: Membros
Posts: 7
Cadastrado: 01-dezembro 08
Localização:Salvador

Postou 02 dezembro 2008 - 03:17

Isso mesmo, pode-se fazer até banner radomico.

[color="#ff0000"][b][u]Pode pareçer dificil, mas saiba que sempre pode piorar.
[/u][/b][/color]
[url="http://multiartsinformatica.com"]Multi Art's Informátita[/url]