Div Animada Para Páginas de Internet

Talvez você já tenha entrado em algum site e uma janela dentro do próprio site se abriu com algum efeito legal... pois é, essas janelas se chamam Divs. O código que estou disponibilizando é de uma div com efeito de cair logo ao carregar a página. Basta copiar e colar dentro de seu código.
Código:

<HTML> <HEAD> <TITLE></TITLE> <STYLE> A.link:link {color: black; text-decoration: none} A.link:visited {color: black; text-decoration: none} A.link:active {color: black; text-decoration: none} A.link:hover {color: black; text-decoration : none;} </STYLE> <script language="JavaScript1.2"> var ie=document.all var dom=document.getElementById var ns4=document.layers var bouncelimit=32 var direction="up" function initbox(){ if (!dom&&!ie&&!ns4) return /*MAIS CÓDIGOS COMO ESSE EM: WWW.INFORMATICODE.COM>BR*/ crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin scroll_top=(ie)? document.body.scrollTop : window.pageYOffset crossobj.top=scroll_top-250 crossobj.visibility=(dom||ie)? "visible" : "show" dropstart=setInterval("dropin()",50) } function dropin(){ scroll_top=(ie)? document.body.scrollTop : window.pageYOffset if (parseInt(crossobj.top)<100+scroll_top) crossobj.top=parseInt(crossobj.top)+40 else{ clearInterval(dropstart) bouncestart=setInterval("bouncein()",50) } } function bouncein(){ crossobj.top=parseInt(crossobj.top)-bouncelimit if (bouncelimit<0) bouncelimit+=8 bouncelimit=bouncelimit*-1 if (bouncelimit==0){ clearInterval(bouncestart) } } function dismissbox(){ if (window.bouncestart) clearInterval(bouncestart) crossobj.visibility="hidden" } function get_cookie(Name) { var search = Name + "=" var returnvalue = "" if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset) if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function dropornot(){ if (get_cookie("droppedin")==""){ window.onload=initbox document.cookie="droppedin=yes" } } dropornot() function redo(){ bouncelimit=32 direction="up" initbox() } window.onload=initbox </script> </HEAD> <BODY> <div id="dropin" style="position:absolute;visibility:hidden;left:25%;top:50%;width:500;height:150;background-color: #1C1C1C"> <TABLE WIDTH="100%" HEIGHT="100%" BORDER="1" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="#000000"> <TR> <TD valign="top"><div align="right"><a class="link" href="javascript:dismissbox()"><FONT FACE="Verdana" SIZE="5" COLOR="#CD0000"><B>X</B></FONT></a>&nbsp;</div> <FONT FACE="Verdana" ="-2" COLOR="#E8E8E8"><B>Div Com Efeito</B></FONSIZET><BR> <FONT FACE="Verdana" SIZE="-3" COLOR="DODGERBLUE"><B>&nbsp;www.informaticode.com.br</B></FONT><BR> <BR><FONT FACE="Verdana" SIZE="-2">&nbsp;Aqui você coloca seu conteúdo, como imagens, tabelas, botões e texto.</FONT></TD> </TR> </TABLE> </div> <A href="javascript:redo()">Repetir Efeito</A> </BODY> </HTML>

Caso tenha alguma dúvida pergunte nos comentários! =^D

HOT NA SEMANA

C, Ordenar um Vetor em Ordem Crescente

CSS, Efeito clarear e escurecer em CSS

C, Programa Números em Ordem Crescente

Como Instalar e Rodar Scratch em Celulares e Tablets Com Android







© Copyright 2017 - INFORMATICODE, todos os direitos reservados.