Image Map

3 de jan de 2013

Tutorial:Conteudo Escondido



Vá em design > Edita HTML
Tecle CTRL+F e precure por : </head>

Logo acima cole;
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
<script type="text/javascript">
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')
animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
//$: Access to jQuery
//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
//state: "block" or "none", depending on state
}
animatedcollapse.init()
</script>

Pronto , agora salve.

Agora va em elemento da página.Adicine um gadget de HTML/JASCRIPT e nele cole o código abaixo.

<a href="javascript:animatedcollapse.toggle('dog')"><img src="URL da imagem"/></a>
<div id="dog" style="display:none">
Conteúdo escondido</div>
Mais se quiser usar texto invés de uma imagem ,substitua <img src="URL da imagem"/> pelo texto que vocêque colocar.

* Em '''onteúdo escondido'' você colocar ''AVÁ'' exemplo o código da sua C.box

Créditos:Cantinho Backgrounds

                                                                            



Nenhum comentário:

Central Débora Lyra- 2014. Todos os direitos reservados.
Layout por Nathaly Oliveira - Código Base desenvolvido por: Raphael Cardoso
Adaptação por Cecília Camimura
+ Agenda: