FERRAMENTA HTML BLOG *: janela que abre e fecha, janela Mostrar a camada

sábado, 25 de abril de 2015

janela que abre e fecha, janela Mostrar a camada

ABRI
link

------------------------------------------------------------------------------------

Efeitos com jQuery

Camada de Efeitos

Aqui você pode colocar o qualquer coisa!FECHAR |

Ocultar a camada |
Mostrar a camada

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<script>
    function muda(divs,textos) {
    div = divs;
    texto = textos;
    if(document.getElementById(div).style.display=='block') {
    setTimeout("movimento('200',div)", 50)
    setTimeout("movimento('180',div)", 100)
    setTimeout("movimento('150',div)", 150)
    setTimeout("movimento('120',div)", 200)
    setTimeout("movimento('90',div)", 250)
    setTimeout("movimento('60',div)", 300)
    setTimeout("movimento('30',div)", 350)
    setTimeout("movimento('1',div)", 400)
    setTimeout("document.getElementById(div).style.display='none'", 401)
    setTimeout("document.getElementById(texto).style.display='none'", 402)
    } else {               
    setTimeout("document.getElementById(div).style.display='block'", 1)
    setTimeout("movimento('1',div)", 50)
    setTimeout("movimento('30',div)", 100)
    setTimeout("movimento('60',div)", 150)
    setTimeout("movimento('90',div)", 200)
    setTimeout("movimento('120',div)", 250)
    setTimeout("movimento('150',div)", 300)
    setTimeout("movimento('180',div)", 350) 
    setTimeout("movimento('200',div)", 400)
    setTimeout("document.getElementById(texto).style.display='block'", 401)
    }
    }
    function movimento(dist,objeto) {
    document.getElementById(objeto).style.height=''+ dist +'px';
    }
    
</script><br /></div>
<a href="javascript:muda('conteudo','conteudo_1')">ABRI</a>
<br />
<div id="conteudo" style="background-color: deepskyblue; display: none; height: 0px; width: 200px;">
<div id="conteudo_1" style="display: none;">
<a href="javascript:muda('conteudo','conteudo_1')">FECHA</a>abc<br />
abc<br />
abc<br />
abc  <br />
aaaaaaaaaaaa    <br />
<a href="https://picasaweb.google.com/home?hl=pt-BR&tab=wq">Caixinha Link-me</a><br />
aaaaaaaaaaa</div>
<br /></div>
<a href="javascript:muda('conteudo','conteudo_1')">link</a></div>
------------------------------------------------------------------------------------

<br />
<br />
<html><br />
<head><br />
 <title>Efeitos com jQuery</title><br />
 <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><br />
<script>
$(document).ready(function(){
 $("#ocultar").click(function(event){
   event.preventDefault();
   $("#capaefectos").hide("slow");
 });
 
 $("#mostrar").click(function(event){
   event.preventDefault();
   $("#capaefectos").show(3000);
 });
});
</script><br />
</head><br />
<br />
<body><br />
<br />
<div id="capaefectos" style="background-color: #cc7700; color: white; padding: 10px;">
<br />
  Camada de Efeitos<br />
   <br />
  Aqui você pode colocar o qualquer coisa!<a href="https://www.blogger.com/blogger.g?blogID=7785904399052369090#" id="ocultar">FECHAR</a> | </div>
<br />
<a href="https://www.blogger.com/blogger.g?blogID=7785904399052369090#" id="ocultar">Ocultar a camada</a> | <br />
<a href="https://www.blogger.com/blogger.g?blogID=7785904399052369090#" id="mostrar">Mostrar a camada</a>  <br />
<br />
<br />
</body><br />
<br />
<br />
<br />
<br />
<br />
</html></div>

FERRAMENTA HTML BLOG *

LINK ÚTIL, FERRAMENTAS

windons 7

CÓDIGO DE COR

ANIMAÇÃO

TEMPO AGORA

PLANTA DE CASA

MOLDURA DE VIDEO

FERRAMENTA SITE

MONTAGEM DE FOTOS

photoshop

SBT

ABAIXAKI

ultrafarma

LINK ÚTIL, FERRAMENTAS

dicas para blogs

flashvortex

RELOGIO PRA SITE

sitepal

crazyprofile

scrapmusical

FERRAMENTA SITE

musicas paras crap

gerador musica

CÓDICO DE COR

Scroll to Top Button Scroll to Top botão de Subir e Descer /ul>

EPTV

jornal hoje

r7

valeindependente

Notícias do Dia

band

emporio de noticias

facebook

meetme

hi5

panoramio

twitter

badoo

youtube

photobucket

videolog

facebook

meetme

hi5

hotmail

capas gratis

perlas do orkut

A12

songsterr

inventeaqui

olhar digital

loterias

sitepal

SANTUARIO DE SANTA RITA

VOLTAR NO TOPO

scrapee.net,montagem

scrapee.net,Criador de Glitters!

scrapee.net,molduras

scrapee.net

pictreat

tuxpi

photo505

supermolduras

picjoke

animadao

cardfunk>H1>

pixisnap

befunky

writeonit.org/fake-pictures

jpgfun

mypicstyle

semfrescura

pageplugins

photocube

elfyourself.jibjab

pinpix

VideomixPrimeiro

Scroll to Top Button

Scroll to Top botão de Subir e Descer
/ul>