Muryllo Dantas: Aparecer e desaparecer com JQuery

	Efeitos com jQuery
	






Camada de Efeitos



Aqui você pode colocar qualquer coisa!

Ocultar a camada | 
Mostrar a camada

Você pode instalá-lo de duas formas no blog, tanto colocando

o seguinte código no seu post quanto em DESIGN > LAYOUT >

Adcionar um Gadget > HTML/JavaScript > Cole o código aqui.

Copie o código abaixo:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
	<title>Efeitos com jQuery</title>
	<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
	$("#ocultar").click(function(event){
	  event.preventDefault();
	  $("#capaefectos").hide("slow");
	});
 
	$("#mostrar").click(function(event){
	  event.preventDefault();
	  $("#capaefectos").show(3000);
	});
});
</script>
</head>

<body>

<div id="capaefectos" style="background-color: #cc7700; color:fff; padding:10px;">

  <p>Camada de Efeitos</p>
  <p> </p>
  <p>Aqui você pode colocar qualquer coisa!</p>
</div>

<p>
<a href="javascript:;" id="ocultar">Ocultar a camada</a> | 
<a href="javascript:;" id="mostrar">Mostrar a camada</a>  
</p>

</body>
</html>

2 comentários:

Isaías Gomides10 de junho de 2012 às 20:12
Esta dando erro, ok.
ResponderExcluir
Respostas

Adicionar comentário

Leia antes de comentar.
Comentários com insultos ou escritos em miguxês serão excluídos.
Não faça spam, comentários com endereço ou links de blogs serão deletados.
Muitas pessoas tem acesso a esse blog portanto não deixe seu email ou senha nos comentários

Aparecer e desaparecer com JQuery

2 comentários:

Link para compartilhamento