Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Meu colega tem um site e me pidiu pra fazer um script pra ele odne tem alguns botões e quando clcia em cada botão o tema do site muda, muda pra pascoa, natal, halloween, carnaval...
Eu fiz esse script:
<input type="button" value="Fundo Normal" onclick="document.body.background='bg_Xmas09_pattern_v1.gif'">
<br><br>
<input type="button" value="Tema Pascoa" onclick="document.body.background=' [http://elianagifs.zip.net/images/fundo1_pascoa.jpg](http://elianagifs.zip.net/images/fundo1_pascoa.jpg) '">
<br><br>
<input type="button" value="Tema Carnaval" onclick="document.body.background='http://img3.imageshack.us/img3/9895/conserhb5.gif'">
<br><br>
<input type="button" value="Tema Halhoween" onclick="document.body.background='halloween/creepy-halloween.jpg'">
<br><br>
<input type="button" value="Tema Natal" onclick="document.body.background='http://www.fotosdahora.com.br/gifs_animados/gifs/09Paisagens//neve_caindo.gif'">
Varios botões quando você clica eles mudam o fundo sdo site.
Porem eu tentei melhorar colocando apenas 2 botões
O botão Normal. E o botão Temas, quando você clica no botão temas abri os oturos botões. É ai que esta o problema quando clico no botão tema so abri 1 botão eu quero que abra todos os outros.
<input type="button" value="Normal" onclick="document.body.background='bg_Xmas09_pattern_v1.gif'">
<br>
<input type="button" id="bt" value="Temas" onclick="mostra()" />
<br>
<input type="button" id="temas" style="display:none" value="Pascoa"
onclick="document.body.background=' Imagem de Pascoa '">
<br>
<input type="button" id="temas" style="display:none" value="Carnaval"
onclick="document.body.background=' Imagem de Carnaval '">
<br>
<input type="button" id="temas" style="display:none" value="Halhoween"
onclick="document.body.background=' Imagem de Halloween '">
<br>
<input type="button" id="temas" style="display:none" value="Natal"
onclick="document.body.background=' Imagem de Natal '">
<script>
function mostra() {
if (document.getElementById('temas').style.display == "") {
document.getElementById('temas').style.display = "none";
document.getElementById('bt').value = "Temas";
}else {
document.getElementById('temas').style.display = "";
document.getElementById('bt').value = "Esconder";
}
}
</script>Carregando comentários...