Ir para conteúdo

POWERED BY:

Arquivado

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

Leandro Persi

[Resolvido] Como fazer isso?

Por , em Desenvolvimento frontend

Recommended Posts

Leandro Persi    0

Leandro Persi
Postado

Bom dia.

Estou pesqisando na net mas não encontro a maneira correta para aplicar o efeito de abertura do conteudo dos itns dos horários da página http://redeglobo.globo.com/Tv_globo/Progra...0-15705,00.html

 

no meu site.

 

Algum colega sabe comop fazer esse esquema de abertura de conteudo com texto e imagem?

 

Obrigado

 

Abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

um exemplo simples com display:

<style type="text/css">
#span1,
#span2 {
	display: block;
	height: 200px;
	width: 200px;
	background: #f0f;
}
</style>
<script type="text/javascript">
function mostrar( el )
{
	var el = document.getElementById(el);
	if( el.style.display == 'none' )
		el.style.display = 'block';
	else
		el.style.display = 'none';
}

</script>
<div>
	<p>Conteudo sendo mostrado</p>
	<a href="java script:mostrar('span1')">Clique aqui para mostrar mais</a>
	<span id="span1" style="display: none;">
		Conteudo Escondido
		<img src="http://3.bp.blogspot.com/_TSvly6B1EI0/SByQLItEUWI/AAAAAAAADBQ/LdzqHPhyxDU/s400/gato-de-botas.jpg" alt="" style="width: 50px;" />
	</span>
</div>
<div>
	<p>Conteudo sendo mostrado</p>
	<a href="java script:mostrar('span2')">Clique aqui para mostrar mais</a>
	<span id="span2" style="display: none;">Conteudo Escondido</span>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Persi    0

Leandro Persi
Postado

Wiliamei uma página com o codigo que v postou mas não funcionou.

Aparece na página um link comum que me leva paraoutra página e duas linhas com texto.

Peguei seu codigo e coloquei o script entre o <HEAD> e a div no <BODY> e fi outra página somente com o que postou mas nenhuma fincionou, fiz certo?

 

obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Esqueci de te avisar, que o fórum separa o javascript, para: java script, basta você juntar essa palavra que vai funcionar.

Em todo caso, hospedei aqui, para você ver em funcionamento:

 

http://www.cenasordidas.hbe.com.br/exemplos/noneBlock.html

Compartilhar este post

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

Informação importante

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

  Aceito