Alternar texto da DIV com link e/ou timer
Pessoal, tenho o código abaixo que estou estudando, mas tem um jquery muito extenso.
<html>
<head>
<title>Primeiro script com jQuery</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
</script>
</head>
<body>
<div id="capa" style="padding: 10px; background-color: #ff8800">Clique em um botão</div>
<br>
<form>
<input type="button" value="Botón A" onclick="$('#capa').html('Você clicou no botão <b>A</b>')">
<input type="button" value="Botón B" onclick="$('#capa').html('Recebemos um clique no botão <b>B</b>')">
</form>
</body>
</html>Minha questão é a seguinte, quero aprender fazer uma div com conteudos que se alternem com o tempo e tembém alterne de acordo com o click do usuario nos links para escolha de texto.
Alguém sabe como fazer um javascript que execute a função encontrada no quadro destaques do seguinte site: http://www.fapergs.rs.gov.br/
Retirei o seguinte código do site e colei em um html puro e não rodou:
<div id="conteudo">
<div id="colunaA">
<script type="text/javascript">
//$j = jQuery.noConflict();
$j(function() {
$j('#slide_capa').before('<div id="nav">').cycle({
speed: 1500,
timeout: 5000,
pager: '#nav',
before: onBefore
});
function onBefore() {
}
});
function mostraDiv(div) {
if (document.getElementById(div).style.display=='none')
document.getElementById(div).style.display = "block";
else
document.getElementById(div).style.display = "none";
}
</script>
<div id="destaque">
<div id="destParte1">
<div class="destTitulo">Destaques</div>
</div>
<div id="destParte2A" >
<div id="slide_capa">
<p><a href="" target='_self' title="TEXTO" border='0'>
<img style="cursor:pointer; display: block;" src="" alt="texto" height='151' class="imgDest" title="texto" />
TEXTO</a></p>
<p><a href="" target='_self' title="TESTA" border='0'>
<img style="cursor:pointer; display: block;" src="" alt="testa" height='151' class="imgDest" title="testa" />
TESTA</a></p>
</div>
</div>
</div>
</div>
</div>Discussão (3)
Carregando comentários...