Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17720
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Sistema de notícias ( automático + avançar )

05-10-2007 23:33

Esse é um sistema de notícias aonde cada notícia fica um tempo sendo mostrada, após isso é trocada por outra.
Tem também um botão aonde o visitante pode avançar para próxima notícia.

<script type="text/javascript"> valor = 0; // 10000 equivale a 10 segundos tempo = 10000; function mostra(qual) { var item = qual; // 5 equivale ao número de linhas de notícias if(valor==5) { valor=0; clearTimeout(id); } // 5 equivale ao número de linhas de notícias var frases=new Array(5); /* - note que frases[] começa sempre em 0, seguir a ordem - note também que o texto, imagem (url da imagem) e link (url do link) são separados por | - para os valores acima (5) é contado o número de linhas de notícia */ frases[0]="TEXTO 1|IMAGEM 1|LINK 1"; frases[1]="TEXTO 2|IMAGEM 2|LINK 2"; frases[2]="TEXTO 3|IMAGEM 3|LINK 3"; frases[3]="TEXTO 4|IMAGEM 4|LINK 4"; frases[4]="TEXTO 5|IMAGEM 5|LINK 5"; var id = setTimeout("mostra('nao')", tempo); var nova = frases[valor].split("|"); // abaixo é a estrutura que é mostrada // um texto, quebra de linha, em seguida um link com a imagem document.getElementById('frases').innerHTML= ""+nova[0]+"<br><a href='"+nova[2]+"' target='_blank'><img src='"+nova[1]+"' border='0'></a>"; // 6 equivale ao número de linha de notícias + 1 for(var i = 1; i < 6; i++) { document.getElementById('n'+i).style.background = "white"; } document.getElementById('n'+eval(valor+1)).style.background = "gray"; if(item=="proximo") { valor++; clearTimeout(id); } else { valor++; } } </script> <body onload="mostra('nao')"> <div id="frases"></div> <table> <tr> <td><div id="n1">1</div></td> <td><div id="n2">2</div></td> <td><div id="n3">3</div></td> <td><div id="n4">4</div></td> <td><div id="n5">5</div></td> <td><input type="button" value="Próximo" onclick="mostra('proximo')"></td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado