Imágenes en movimiento
Compatibilidad:
Netscape
Este script permite el movimiento de las imágenes. En este caso, se trata de una imagen dividida en cuatro partes.
[
Muestra el ejemplo práctico
]
el código para insertar en tu página
<!-- w w w . h t m l p o i n t . c o m --> <HTML> <HEAD> <!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing http://www.htmlpoint.com --> <TITLE>Ejemplos Javascript: ejemplo práctico </TITLE> <STYLE>.sty { position: relative; visibility: true; z-index: 2;}</STYLE> </HEAD> <BODY bgcolor="white" onLoad="st();"> <P ALIGN=CENTER><TABLE ALIGN=CENTER WIDTH="60" BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR> <TD WIDTH="30"><A HREF="#" ID="A" CLASS="sty"><IMG SRC="a.gif" WIDTH="30" HEIGHT="30" ALIGN="BOTTOM" NATURALSIZEFLAG="3" BORDER=0></A></TD> <TD WIDTH="30"><A HREF="#" ID="B" CLASS="sty"><IMG SRC="b.gif" WIDTH="30" HEIGHT="30" ALIGN="BOTTOM" NATURALSIZEFLAG="3" BORDER=0></A></TD></TR> <TR> <TD WIDTH="30"><A HREF="#" ID="C" CLASS="sty"><IMG SRC="c.gif" WIDTH="30" HEIGHT="30" ALIGN="BOTTOM" NATURALSIZEFLAG="3" BORDER=0></A></TD> <TD WIDTH="30"><A HREF="#" ID="D" CLASS="sty"><IMG SRC="d.gif" WIDTH="30" HEIGHT="30" ALIGN="BOTTOM" NATURALSIZEFLAG="3" BORDER=0></A></TD></TR> </TABLE>.</P> <SCRIPT LANGUAGE = "JavaScript"> <!-- var bro=false;onerror=null;if(parseInt(navigator.appVersion)>=4) bro=true; var brw=(navigator.appName=="Netscape"); function obm(na,li){if(bro){this.na=na;this.xs=0;this.ys=0;this.i=0;this.j=0;this.k=2;this.x=0;this.y=0; this.li=li.split(",");this.an=anF;this.ge=geF;this.re=reF; this.obj=(brw) ? eval("document."+this.na) : eval("document.all."+this.na+".style"); this.obj.left=this.li[0];this.obj.top=this.li[1];this.an(this.li[2],this.li[3]);}} var ob=new Array();function cOb(na,co){ob[na]=new obm(na,co);} function geF(){if(bro){this.k+=2;if(this.k==this.li.length) {this.k=0;this.j+=1};if(this.j==3) return;this.x=this.li[this.k]; this.y=this.li[this.k+1];this.an(this.x,this.y);}} function anF(ex,ey){if(bro){this.i=1;this.xs=(ex - this.obj.left)/10; this.ys=(ey - this.obj.top)/10;this.re();}} function reF(){if(bro){if (this.i<11) {this.obj.left+=this.xs;this.obj.top+=this.ys;this.i+=1; setTimeout("ob['"+this.na+"'].re()",50);}else this.ge()}}function st(){if(bro){ cOb("A","0,0,0,60,-40,20,60,120,80,80,40,80,0,0,0,0,0,0,0,0"); cOb("B","0,0,90,0,90,60,80,150,90,130,0,0,0,0,0,0,30,0,0,0"); cOb("C","0,0,-30,30,-80,140,30,70,120,50,140,120,0,120,-30,70,0,0,0,0"); cOb("D","0,0,-60,-30,-100,90,0,90,90,130,30,60,120,60,0,0,0,0,0,0");}} // End of JavaScript --> </SCRIPT> </body> </html> <!-- w w w . h t m l p o i n t . c o m -->
[
Baja en un único archivo .zip,
las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]
