Mostra e esconde divs

Opções para o PLANO 01

O PLANO 2 vai aqui

Se qeuiser um terceiro plano, este é o espaço

Ocultando uma div com jQuery

Exibe oculta Divs

Dados da Criança cadastrada

Data de Nascimento:

Alergias:

Nome do Médico:

Telefone do Médico:

Plano de Saúde:

Quer usar link em vez de botão?

Exibir link n°1

Olha o link 1 ae gente!

Exibir link n°2

Olha o link 2 ae gente!

Exibir link n°3

Olha o link 3 ae gente!

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

Ocultando uma div com jQuery
<style>
body {font: 12px Verdana, Geneva, sans-serif;}
p {margin: 0px;}
.conteudo {border:1px solid #CCCC33; padding:10px; margin-top:10px; width:500px;}
.bt_link{font-family: Verdana, Geneva, sans-serif;font-size: 14px;font-weight: bold;color: #F00;}
.bt_exibir{font-family: Verdana, Geneva, sans-serif;font-size: 10px;font-weight: bold;color: #00F;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.conteudo').hide();
//Função Toggle executa as funções na ordem dos cliques,
//pode ter quantas quiser, prático, porque vc
//usa só um botão para mostrar e ocultar, funciona com links também
$(".bt_exibir").toggle(
//1ª Função, pega valor do "name" exibe a div e muda o texto do botão
function() {
var_n=$(this).attr("name")
$("#bt_"+var_n).attr('value', 'Ocultar Div n°'+var_n);
$("#conteudo_bt_"+var_n).show('slow');},
//Segunda função esconde a div e volta o texto normal do botão
function() {
var_n=$(this).attr("name")
$("#bt_"+var_n).attr('value', 'Exibir Div n° '+var_n);
$('#conteudo_bt_'+var_n).hide('slow');}
); //Fim (".bt_exibir").toggle

//xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
//xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
//Togle no link acho que link não aceita ID,
//usei title para guardar o atributo
$(".bt_link").toggle(
function() {
var_x=$(this).attr("title")
$(this).html("Ocultar link nº"+var_x);
$("#cont_link_"+var_x).show('slow');},
function() {
var_x=$(this).attr("title")
$(this).html("Exibir link nº"+var_x);
$('#cont_link_'+var_x).hide('slow');}
); //Fim (".bt_link").toggle
}); //Fim de tudo do jquery
</script>

<h1> Exibe oculta Divs </h1>
<hr />

<p><b>Dados da Criança cadastrada</b></p>
<p>Data de Nascimento: <?php echo $dados["dt_nasc_crianca"]; ?></?php></p>
<p>Alergias: <?php echo $dados["alergias"]; ?></?php></p>
<p>Nome do Médico: <?php echo $dados["medico"]; ?></?php></p>
<p>Telefone do Médico: <?php echo $dados["tel_medico"]; ?></?php></p>
<p>Plano de Saúde: <?php echo $dados["plano_saude"]; ?></?php></p>

<p> </p>
<?php } ?>
<hr />
<h2>Quer usar link em vez de botão?</h2>
<a href="#" title="1" target="_self" class="bt_link">Exibir link n°1</a><br />
<div id="cont_link_1" class="conteudo">Olha o link 1 ae gente!</div>
<a href="#" title="2" target="_self" class="bt_link">Exibir link n°2</a><br />
<div id="cont_link_2" class="conteudo">Olha o link 2 ae gente!</div>
<a href="#" title="3" target="_self" class="bt_link">Exibir link n°3</a><br />
<div id="cont_link_3" class="conteudo">Olha o link 3 ae gente!</div>
</?php>
</!doctype>

Ocultando uma div com jQuery Exibir DIV

Dados da Criança cadastrada

Data de Nascimento:

Alergias:

Nome do Médico:

Telefone do Médico:

Plano de Saúde:

Ocultar Dados

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

Ocultando uma div com jQuery
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$('#conteudo').hide();

$('a#exibir').click(function(){

$('#conteudo').show('slow');

});

$('a#ocultar').click(function(){

$('#conteudo').hide('slow');
})
return false;

});
</script>

<?php

include ("conn_db.php");

$query = mysql_query("select * from tb_crianca") or die("Erro na query".mysql_error());
$linha = mysql_num_rows($query);
if ($linha==0){
echo "Não foi retornado nenhum registro";
}
else{
while ($dados = mysql_fetch_array($query)){
?>

}
#conteudo {
border:1px solid #CCCC33;
padding:10px;
margin-top:10px;
width:500px;
}
</style>
<a id="exibir" href="#">Exibir DIV</a>
<div id="conteudo">
<p><b>Dados da Criança cadastrada</b></p>
<p>Data de Nascimento: <?php echo $dados["dt_nasc_crianca"]; ?></?php></p>
<p>Alergias: <?php echo $dados["alergias"]; ?></?php></p>
<p>Nome do Médico: <?php echo $dados["medico"]; ?></?php></p>
<p>Telefone do Médico: <?php echo $dados["tel_medico"]; ?></?php></p>
<p>Plano de Saúde: <?php echo $dados["plano_saude"]; ?></?php></p>
<p><a href="#" id="ocultar">Ocultar Dados</a></p>
</div>
<p />
<?php
}}
?>
</?php
}}
?></p></?php

include>
</!doctype>

Untitled Document

Clique para visualizar

Clique novamente para ocultar

Quando expandir, eu pretendo que desapareça este texto e abra simultaneamente o texto oculto.
Este código atual, abre o texto oculto, mas este texto continua.
Detalhes

Conteúdo oculto deve aparecer sozinho na página.
Mas atulmente está abrindo junto com o texto acima. Fechar

Slide Down Box Menu with jQuery and CSS3

Images by tibchris

menu de Noticias 02

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

Noticias 02
<script language="JavaScript1.2">

//Translucent scroller- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var scroller_width='150px'
var scroller_height='115px'
var bgcolor='#E0EFD1'
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='Visite o scriptbrasil <a href="http://www.scriptbrasil.com.br/">ScriptBraisl</a>Informação sempre!'
scrollercontent[1]='Buscador Google <a href="http://www.google.com.br/">Google.com.br</a> O maior buscador do mundo.'
scrollercontent[2]='Portal PHP Brasil <a href="http://php.scriptbrasil.com/">Linguagem Livre</a>.'

////NO need to edit beyond here/////////////

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}

var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}

function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (ie4||dom||document.layers)
window.onload=startit

</script>

</!doctype>

sábado, 6 de agosto de 2011

terça-feira, 26 de julho de 2011

aaaaaa

segunda-feira, 25 de julho de 2011

sábado, 23 de julho de 2011

COLOQUE AQUI O TEXTO

sexta-feira, 22 de julho de 2011

Texto 1 vai aqui SEU TEXTO 2 AQUI

Texto 1 vai aqui

SEU TEXTO 2 AQUI

Texto 1 vai aqui SEU TEXTO 2 AQUI

quinta-feira, 21 de julho de 2011

Efeito Shadow e quando você passa o mouse num link e aparece um brilho .

vá em HTML
procure por .post-body
e adicione este código acima
a:hover{ color: #000000;text-shadow:0 0 .3em #000000;
}

Efeito Shadow e quando voce passa o mouse num link e aparece um brilho .

sábado, 16 de julho de 2011

Menu Mágico Clica em mim

sexta-feira, 15 de julho de 2011

menu de redes sociais com efeito zoom

quinta-feira, 14 de julho de 2011

passarinho do twitter que voa na tela do seu blog

onde está escrito http://twitter.com/#!/alequinho01, você coloca seu endereço do twitter. Salve e pronto.

Fácil né! Espero que gostem!

fonte: http://oloblogger.blogspot.com

terça-feira, 5 de julho de 2011

Painel slide

COLOQUE AQUI O conteúdo

orkut

Painel

segunda-feira, 4 de julho de 2011

menu-magico

Este script cria o efeito de overflow num menu
O segredo está na manipulação da propriedade display da div menu-magico-link.
ELE JÁ TEM AJUSTE PRA QUALQUER LUGAR DO SITE
SÓ AJUSTAR O LEFT E O TOP

Menu Mágico

<div dir="ltr" style="text-align: left;" trbidi="on"><div id="object1" style="left: 0px; position: absolute; top: 150px; visibility: show; z-index: 2;"><br />
Menu Mágico<br />
<br />
<br />
<style>
  #menu-magico {
   position: absolute;
   top:0;
   left; 0;
   text-align: right;
   padding: 3px 3px 3px 3px;
  }
  
  #menu-magico-button {
   background-color: red;
   float: right;
  }
 
</style><br />
<br />
<script language="javascript">
 
 function menu_magico(){
  var links = document.getElementById('menu-magico-links');
  
  if(links.style.display == 'none'){
   links.style.display = 'inline';
  }else{
   links.style.display = 'none';
  }
 }
 
</script><br />
<br />
<br />
<br />
<div id="menu-magico"><div id="menu-magico-links" style="display: none;"><br />
<img src="http://www.imotion.com.br/imagens/data/media/24/8980onca1.jpg " width="150" height="100" ><br />
<a href="http://dotlibrary.blogspot.com/">.Library</a><br />
<a href="http://codigofonte.uol.com.br/">Código Fonte</a><br />
<a href="http://www.vivaolinux.com.br/">Viva o Linux</a></div><div id="menu-magico-button"><a href="javascript:%20menu_magico()">Menu</a></div></div></div><div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"></div></div>

sexta-feira, 1 de julho de 2011

Menu Horizontal

terça-feira, 28 de junho de 2011

segunda-feira, 27 de junho de 2011

O Javascript

Inserir o JavaScript entre as tags

ScriptFacil

RJHost

E-registros

Serviços

Efeito Shadow e quando voce passa o mouse num link e aparece um brilho .

vá em HTML
procure por .post-body
e adicione este código acima
a:hover{ color: #000000;text-shadow:0 0 .3em #000000;
}

Efeito Shadow e quando voce passa o mouse num link e aparece um brilho .

Olá ,
Ainda sim tou tentando achar esse código, achei um muito parecido com o efeito desejado :

Código:

FDF
Forum dos forum

efeito que da ao link quando se passa o mouse em cima apareça underline em cima e embaixo do link.

Ta ai um menor
Efeito 1

Texto
Texto

domingo, 26 de junho de 2011

efeito que da ao link quando se passa o mouse em cima apareça underline em cima e embaixo do link.

Efeito 2

Texto
Texto

PÁGINA PRINCIPAL

PÁGINA DE E-MAIL

PÁGINA DE VARIEDADES

Menu deslizante com efeito

ELE FICA DE LADO COM AJUSTE DO TOPO
VER NA FOTO

<br /> <style type="text/css"> #menur {  width: 180px; } #menur ul {  list-style-type: none;  margin: 0;  padding: 0;  font: bold 16px arial, helvetica, sans-serif;  } #menur li {  margin-bottom:1px; } #menur a {  display: block;  padding: 1px 0 1px 25px;  border: 1px solid #000000;  width: 180px;  background-color: #339966;  color: #FFFFFF;  text-decoration: none;   background-image:url(imagens_menurollimg/fundo_1.gif);   voice-family: "\"}\"";  voice-family:inherit;  width:153px;  } body>#menur a {width:153px;}  #menur a:hover {  background-color:#FFFF99;  background-image: url(imagens_menurollimg/fundo_2.gif);  color: #000000; } /* Regra para sobrescrever estilo padrão do site */ #content #menur ul {background: none; border:none;} </style><br /> <div id="menur"><ul><li><a href="http://www.blogger.com/post-edit.g?blogID=891419917399964567&postID=360203639127766800&from=pencil#content">Home Page</a></li> <li><a href="http://www.blogger.com/post-edit.g?blogID=891419917399964567&postID=360203639127766800&from=pencil#content">Portfolio</a></li> <li><a href="http://www.blogger.com/post-edit.g?blogID=891419917399964567&postID=360203639127766800&from=pencil#content">Equipe tecnica</a></li> <li><a href="http://www.blogger.com/post-edit.g?blogID=891419917399964567&postID=360203639127766800&from=pencil#content">Parceiros</a></li> <li><a href="http://www.blogger.com/post-edit.g?blogID=891419917399964567&postID=360203639127766800&from=pencil#content">Album de fotos</a></li> <li><a href="http://www.blogger.com/post-edit.g?blogID=891419917399964567&postID=360203639127766800&from=pencil#content">Fale conosco</a></li> </ul></div></div><br /> <br />

Menu deslizante com efeito

sábado, 25 de junho de 2011

menu foto deslizante com janela pop-up

Para colocar o efeito menu foto deslizante com janela pop-up no blogger .
No blog clique em design e escolha a opção "adicionar um gadget". Vai abrir um popup com várias opções. Escolha a opção HTML/JavaScript e cole o código

<div dir="ltr" style="text-align: left;" trbidi="on"><style>
.corpo {
 width: 800px;
 margin: 20px 0 0 50px;
}

.galeria {
 width: 800px;
 height: 210px;
 float: left;
}

.foto {
 float: left;
 width: 150px;
 overflow: hidden;
 margin: 0 10px 5px 0;
 -webkit-transition: width 1s ease-in; 
 -moz-transition: width 1s ease-in; 
 -o-transition: width 1s ease-in; 
}

.foto:hover {
    width: 310px;
}
</style><br />
<div class="corpo"><br />
<div class="galeria"><div class="foto"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"><br />
<img height="200"src="http://www.oficinadanet.com.br//imagens/coluna/3017/galeria/ani1.jpg"width="300" /></a></div><div class="foto"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"><img height="200"src="http://www.oficinadanet.com.br//imagens/coluna/3017/galeria/ani2.jpg"width="300" /></a></div><div class="foto"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"><img height="200"src="http://www.oficinadanet.com.br//imagens/coluna/3017/galeria/ani3.jpg" width="300"/></a></div><div class="foto"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"><img src="http://www.portalsaofrancisco.com.br/alfa/animais/imagens/onca-pintada4.gif" width="300"/></a></div></div><div class="galeria"><div class="foto"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"><img height="200" src="http://images.orkut.com/orkut/photos/PQAAABB10ZLLI72_htB4-DgGxiw89vrYBUBKgUV5hqOJwlAz7jitvS-b8UeWB5FO-QOMMl0mFf42a7GlS8iDKCRn28EAm1T1UNWOJxGO0IcTFyJMhkVVXn_pdIKR.jpg" width="300" /></a></div><div class="foto"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"><img height="200" src="http://images.orkut.com/orkut/photos/PQAAADmHe54CAwbp-Ix8OnKlKXVai8NjmPtCtt6T-1iYWu3JV8D-QncXBERAGIGPH9734B6-hSojFcM55wcSxOVfD4QAm1T1UFS-7LT8ys6LXaw2l_TX-I_1qTti.jpg" width="300" /></a></div><div class="foto"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"><img height="200" src="http://images.orkut.com/orkut/photos/PQAAABkbP8LPiWwbWiwkka6Ol7RPV0b4JR6NFt9LyALLxuWLCVVt7HRjM_7MIJTIBp00Ky_dhhlHiUnkptuyzdrQar0Am1T1UMVyJGsSFpbQZqee8FZPsS9s8tLM.jpg" width="300" /></a></div><div class="foto"><a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"><img height="200" src="http://images.orkut.com/orkut/photos/PQAAABv9n2_J4bF0iue8BzddrIol62yhklNT4gZe1FSXHqg-oivF7jcjf3_UkOLzEIj8fUB3zzSGDUUn8t9cMd2O8HAAm1T1UJHkKNLm3EpK8tkZOmZimXaUDSUb.jpg" width="300" /></a></div></div></div></div>

quinta-feira, 23 de junho de 2011

Menu de janela pop-up ,ampliar imagem quando passa o mouse

quarta-feira, 22 de junho de 2011

menu horizontal

segunda-feira, 20 de junho de 2011

Menu com abas

< onload="AbreAba('div1')">

Div 1

Div 2

Div 3

INFORMAÇÕES PARA A DIV 1

INFORMAÇÕES PARA A DIV 2

INFORMAÇÕES PARA A DIV 3

Menu estilo Windows Explorer

Passe o mouse sobre a mão esquerda

quarta-feira, 15 de junho de 2011

Clique aqui !!

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#divZoom {position:absolute; left:0px; top:170px; width:100%; text-align:center;} 
</style>
<script language="JavaScript" type="text/javascript">
/**********************************************************************************   
ZoomFade 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> 
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
 this.ver=navigator.appVersion
 this.agent=navigator.userAgent
 this.dom=document.getElementById?1:0
 this.opera5=this.agent.indexOf("Opera 5")>-1
 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
 this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
 this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
 this.ie=this.ie4||this.ie5||this.ie6
 this.mac=this.agent.indexOf("Mac")>-1
 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
 this.ns4=(document.layers && !this.dom)?1:0;
 this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
 return this
}
var bw=new lib_bwcheck()

/*Here are the variables you have to set, play with different values:                                                                 
First the text: (it will stop and fade/change the colors on the last one)*/
zText=new Array('<img src="COLOQUE AQUI O EMDEREÇO DA IMAGEM "> ','<img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">','<img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">','<img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">')
  
//Now the colors:
//all you have to do is set the color you want to have in here: 
//(the first color will be the color that the text is when it zooms.)
zColor=new Array('#000000','#000000','#ff00cc','#000000','#FF00CC')
 
var zEndSize=70   //The fontsize in px you want the zoom to end at
var zSpeed=40     //Zoom speed
var zAddSize=5    //Px to add to the fontsize on each interval
var zFadeSpeed=70 //Color change/fade speed
var zFont='arial black,arial,helvetica,sans-serif' //Font
var zHide=true    //do you want it to hide when its done? (true or false)
var zHideWait=70  //Time to wait before hiding
var zStartSize=10 //The size to start at
var zEndCode=""   // Code to execute when the zoom and fade is finished. ie: "location.href='newpage.html', executes when the hide does.

/*You can remove this if you don't wan't it to start right away.
You can have it start if someone clicks a link (make a link like this:
<a href="#" onclick="fadeInit()">Click to Zoomtext</a>)*/
//onload=zoomInit;

/********* You shouldn't really have to set anything below this point ***********/

//Object functions
function makeZoomObj(obj,font,size,endsize,color,text,zspeed,fadespeed,addsize,hide,hidewait,endcode){
    this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0; 
    this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0; 
 this.zoomWrite=b_zoomWrite; this.zoomIt=b_zoomIt; this.fadeIt=b_fadeIt; this.zoomFade=b_zoomFade;
 this.font=font; this.color=new Array(); this.color=eval(color); this.text=new Array(); this.text=eval(text);
 this.zspeed=zspeed; this.fadespeed=fadespeed; this.addsize=addsize; this.endcode=endcode
 this.hide=hide; this.hidewait=hidewait; this.size=size; this.startsize=size; this.endsize=endsize
 if(size<endsize){this.way="<"; this.addsize=this.addsize
    }else{this.way=">"; this.addsize=-this.addsize}
 if(bw.dom || bw.ie4){ //Setting the style properties
  this.css.fontFamily=this.font; this.css.fontSize=this.size+"px"; this.css.color=this.color[0]
 }
 this.obj = obj + "Object";  eval(this.obj + "=this"); return this
}
function b_zoomFade(num){
 if(num<this.text.length){
  this.size=this.startsize
  this.zoomIt(num,'this.zoomFade('+(num+1)+')')
 }
 else if(num==this.text.length) this.fadeIt(0,'this.zoomFade('+(num+1)+')')
 else if(this.hide) setTimeout(this.obj+".css.visibility='hidden'; eval("+this.obj+".endcode)",this.hidewait)
}
function b_zoomWrite(num,cnum){
 if(bw.ns4){
  this.writeref.write('<span style="text-align:center; font-size:' +this.size+'px; font-family:'+this.font+'; color:'+this.color[cnum]+'">'+this.text[num]+'</span>')
  this.writeref.close()
 }else this.writeref.innerHTML="<center>"+this.text[num]+"</center>"
}
function b_zoomIt(num,fn){
 if(eval(this.size+this.way+this.endsize)){
  if(this.size==this.startsize || bw.ns4) this.zoomWrite(num,0)
  if(bw.dom || bw.ie4) this.css.fontSize=this.size+"px"
  this.size=this.size+this.addsize
  setTimeout(this.obj+".zoomIt("+num+",'"+fn+"')",this.zspeed)
 }else eval(fn) 
}
function b_fadeIt(num,fn){
 if(num<this.color.length){
  if(bw.ns4) this.zoomWrite(this.text.length-1,num)
  else this.css.color=this.color[num]
  num++
  setTimeout(this.obj+".fadeIt("+num+",'"+fn+"')",this.fadespeed)
 }else eval(fn) 
}
/*Initiates the object, shows it and starts the zoom
****************************************************************************/
function zoomInit(){
 if(bw.bw){
  oZoom=new makeZoomObj('divZoom',zFont,zStartSize,zEndSize,'zColor','zText',zSpeed,zFadeSpeed,zAddSize,zHide,zHideWait,zEndCode)
  oZoom.zoomFade(0)
  oZoom.css.visibility='visible'
 }
}
</script>

</div><a href="#" onclick="zoomInit(); return false">Clique aqui !!</a>
</div>

Clique para visualizar

Exibe oculta Divs

Quer usar link em vez de botão?

Clique para visualizar

Clique novamente para ocultar

Hover Zoom Demo

Example

Single Images

Gallery

Example

Slide Down Box Menu with jQuery and CSS3

Páginas

domingo, 2 de outubro de 2011

sábado, 6 de agosto de 2011

terça-feira, 26 de julho de 2011

segunda-feira, 25 de julho de 2011

function peganome() { var nome=prompt("Seja Legal e diga seu nome!!!",""); if (nome==null||nome=="") { alert("Poxa, você podia ter deixado pelo menos um apelido!!"); nome="" } return nome; } document.write("Bem vindo ao site meu amigo " + peganome());

sábado, 23 de julho de 2011

COLOQUE AQUI O TEXTO

sexta-feira, 22 de julho de 2011

Texto 1 vai aqui SEU TEXTO 2 AQUI

Texto 1 vai aqui SEU TEXTO 2 AQUI Texto 1 vai aqui SEU TEXTO 2 AQUI

Texto 1 vai aqui SEU TEXTO 2 AQUI

Texto 1 vai aqui SEU TEXTO 2 AQUI

Texto 1 vai aqui SEU TEXTO 2 AQUI

quinta-feira, 21 de julho de 2011

sábado, 16 de julho de 2011

sexta-feira, 15 de julho de 2011

quinta-feira, 14 de julho de 2011

terça-feira, 5 de julho de 2011

segunda-feira, 4 de julho de 2011

sexta-feira, 1 de julho de 2011

terça-feira, 28 de junho de 2011

segunda-feira, 27 de junho de 2011

domingo, 26 de junho de 2011

Menu

sábado, 25 de junho de 2011

quinta-feira, 23 de junho de 2011

quarta-feira, 22 de junho de 2011

segunda-feira, 20 de junho de 2011

quarta-feira, 15 de junho de 2011

Seguidores

Arquivo do blog

Quem sou eu

Texto 1 vai aqui

SEU TEXTO 2 AQUI

Texto 1 vai aqui SEU TEXTO 2 AQUI

Texto 1 vai aqui

SEU TEXTO 2 AQUI