Comunidad de diseño web y desarrollo en internet online

Efectos transicionales en Javascript ¿ wipe right ?

Citar            
MensajeEscrito el 02 Dic 2006 11:24 am
Me parecen muy interesantes estos 5 ejemplos http://www.htmlpoint.com/dhtml/18/dhtml03.htm
la cuestion es cual es el codigo para que la transicion sea de izquierda a derecha solamente, no dos lineas horizontales sino solo una es decir un wipe right, gracias.

Código :

<HTML><HEAD><TITLE>Dynamic HTML - demostración práctica  </TITLE>
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:yellow;
background-color:yellow;
border:0.1px solid yellow
}
-->
</style>
</HEAD>

<BODY>
<!-- Inizio codice banner dello sponsor [non considerarlo ai fini dello script] -->
<div align=center><a href="http://www.htmlpoint.com"><img src="http://www.htmlpoint.com/img/trasparente.gif" alt="HTMLpoint.com" border=0></a></div>
<!-- Fine codice banner dello sponsor [non considerarlo ai fini dello script] --><br><br>

<div id="i1" class="intro"></div>
<div id="i2" class="intro"></div>

<script language="JavaScript1.2">

var speed=80
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth/2
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth/2
temp[i].height=document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].right-=speed
temp[2].left+=speed
if (temp[2].left>window.innerWidth/2)
clearInterval(stopit)
}
else if (document.all){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+")"
if (clipright<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>

</BODY></HTML>

Por boysbcn

1 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 02 Dic 2006 11:30 am
Movido al Foro de Javascript.
Usa las etiquetas code para postear código.

Por Zah

BOFH

4290 de clabLevel

27 tutoriales
5 articulos

  Bastard Operators From Hell Editores

Zaragoza, España

firefox
Citar            
MensajeEscrito el 04 Dic 2006 05:48 am
Qué es un wipe right?

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.