Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fagner Sutel

Alternar texto da DIV com link e/ou timer

Por , em Javascript

Recommended Posts

Fagner Sutel    0

Fagner Sutel
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado
Alguém sabe como fazer um javascript que execute a função encontrada no quadro destaques do seguinte site

Que função, amigo?

 

A única coisa que acontece é que lá dentro há links e quando você clica, ele vai para a página do link.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

faltou você importar o plugin:

http://jquery.malsup.com/cycle/

 

exemplos de uso:

http://wbruno.com.br/blog/2011/04/15/carousel-jquery-usando-cycle/

http://wbruno.com.br/blog/2011/03/14/banner-galeria-slideshow-adcast-mostrando-um-pouco-poder-cycle-jquery/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito