HTML.Dyn@mico - Imagen Flotante 2

Inicio | Ayuda | Chat | Libro de Visitas

HTML.Dyn@mico

	Imágen Flotante 2
		Anterior	Inicio
	Descripción: Anima cualquier imágen, dándole un efecto ascensor, va de abajo para arriba y vuelve a bajar. Además se le puede agregar texto con links debajo. Es muy profesional y da una buena impresión. Demo: A la Izquierda! Instrucciones Simplemente agregue el siguiente código en la sección <BODY> de su página, preferentemente al comienzo o al final de ésta, fuera de cualquier otro tag: <div id="point1" STYLE="position:absolute;visibility:visible;"> <!--Please delete this table and insert into your html elements--> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="../index.html"> <img src="htmldyn.gif" width=88 height=31 alt="" border="0"> </a> </td> </tr> <tr> <td> <center><a href="../index.html"> <font face="Arial" size="2" color="#0000FF">HTML.Dynamico</font> </a></center> </td> </tr> <tr> <td> <center><a href="mailto:mundohtml@yahoo.com.ar"> <font face="Arial" size="2" color="#0000FF">E-mail</font> </a></center> </td> </tr> </table> <!--End of the customizable area, please do not delete div the tag --> </div> <script LANGUAGE="JavaScript1.2"> /****************************************** * Imagen Flotante 2 Script - HTML.Dynamico 2001 * Mas Scripts y Recursos para tu web en: * http://www.htmldynamico.cjb.net ****************************************/ var XX=20; // X position of the scrolling objects var xstep=1; var delay_time=60; //Begin of the unchangable area, please do not modify this area var YY=0; var ch=0; var oh=0; var yon=0; var ns4=document.layers?1:0 var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 if(ie){ YY=document.body.clientHeight; point1.style.top=YY; } else if (ns4){ YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if (ns6){ YY=window.innerHeight document.getElementById('point1').style.top=YY } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if (ie){ ch=document.body.clientHeight; oh=point1.offsetHeight; } else if (ns4){ ch=window.innerHeight; oh=document.point1.clip.height; } else if (ns6){ ch=window.innerHeight oh=document.getElementById("point1").offsetHeight } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(ie){ point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if (ns4){ document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if (ns6){ document.getElementById("point1").style.left=XX document.getElementById("point1").style.top=YY+window.pageYOffset } } function onad() { if(ns4) document.point1.visibility="visible"; loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } if (ie\|\|ns4\|\|ns6) window.onload=onad </script> Nota:** El script utiliza el evento body onload, por lo cual, si algún otro script en la página lo utiliza, uno de los dos no funcionará. En todo caso, puede consultarnos para hacer funcionar a ambos. Listo!

Consultas

Envianos tus consultas o comentarios.

Recomendar

Puedes Recomendar esta web a tus amigos.



		HTML.Dyn@mico - © 2001-2003 - Todos los derechos reservados . www.htmldynamico.cjb.net