1 avaliação
COMENTAR
INDICAR
Abertura animada dividida em 2Postada em: 18/08/2004
<!-- Primeira parte : inserir entre as tags head -->
<style>
<!--
.curtain{
position:absolute;
left:0;
top:0;
layer-background-color:004080;
background-color:004080;
border:0.1px solid PURPLE
}
-->
</style>
<!--
.curtain{
position:absolute;
left:0;
top:0;
layer-background-color:004080;
background-color:004080;
border:0.1px solid PURPLE
}
-->
</style>
<!-- Formate a linha body com sua cor as posições são obrigatórias -->
<BODY bgColor=#ffffff leftMargin=0 rightMargin=0 topMargin=0>
<!-- Segunda parte : inserir entre as tags body -->
<div id="c1" class="curtain"></div><div id="c2" class="curtain"></div>
<script language="JavaScript1.2">
var speed=10
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (c=1;c<=2;c++){
temp[c]=eval("document.c"+c+".clip")
temp2[c]=eval("document.c"+c)
temp[c].width=window.innerWidth
temp[c].height=window.innerHeight/2
temp2[c].top=(c-1)*temp[c].height
}
}
else if (document.all){
var curtainbottom=document.body.offsetHeight/2,curtaintop=0
for (c=1;c<=2;c++){
temp[c]=eval("document.all.c"+c+".style")
temp[c].width=document.body.clientWidth
temp[c].height=document.body.offsetHeight/2
temp[c].top=(c-1)*parseInt(temp[c].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
curtainbottom-=speed
temp[1].clip="rect(0 auto+"+curtainbottom+" 0)"
curtaintop+=speed
temp[2].clip="rect("+curtaintop+" auto auto)"
if (curtainbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",60)
}
gogo()
</script>
<script language="JavaScript1.2">
var speed=10
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (c=1;c<=2;c++){
temp[c]=eval("document.c"+c+".clip")
temp2[c]=eval("document.c"+c)
temp[c].width=window.innerWidth
temp[c].height=window.innerHeight/2
temp2[c].top=(c-1)*temp[c].height
}
}
else if (document.all){
var curtainbottom=document.body.offsetHeight/2,curtaintop=0
for (c=1;c<=2;c++){
temp[c]=eval("document.all.c"+c+".style")
temp[c].width=document.body.clientWidth
temp[c].height=document.body.offsetHeight/2
temp[c].top=(c-1)*parseInt(temp[c].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
curtainbottom-=speed
temp[1].clip="rect(0 auto+"+curtainbottom+" 0)"
curtaintop+=speed
temp[2].clip="rect("+curtaintop+" auto auto)"
if (curtainbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",60)
}
gogo()
</script>
<!-- Fim do código -->
Enviado por Alan Ricardo da Silva Arandas em 27 de maio de 2008
gostaria de saber como faço para ver a animação !!!
Enviado por XeroxM em 27 de maio de 2008 eu consegui colando tudo que está acima no meu site
ficou muito bom
Enviado por XeroxM em 27 de maio de 2008 Olá! Faço minhas as palavras de Alan Arandas. Não consegui ver nada, a não ser a cor de fundo que escolhi para a página!
Enviado por USUÁRIO REMOVIDO em 21 de agosto de 2007 olá, este arquivo está vazio. Existe uma outra forma de baixar esta apostila?
Enviado por USUÁRIO REMOVIDO em 9 de maio de 2005 Do mesmo modo que Alan Arandas e Luísa Passos, não consegui ver nada, a não ser a cor de fundo que escolhi. O que houve?
