Demo Dynamic HTML - Movimiento horizontal

Movimiento horizontal

Compatibilidad: Ms Internet Explorer, Netscape

Imagen en movimiento de un punto hacia la derecha, con otro enlace que hace que vuelva a la posición inicial.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

n = (document.layers) ? 1:0
ie = (document.all) ? 1:0

function init() {
	if (n) block = document.blockDiv
	if (ie) block = blockDiv.style
	block.xpos = parseInt(block.left)
	block.ypos = parseInt(block.top)
}

function slide() {
	if (block.xpos < 300) {
		block.xpos += 5
		block.ypos += 3
		block.left = block.xpos
		block.top = block.ypos
		setTimeout("slide()",30)
	}
}

function moveTo(obj,x,y) {
	obj.xpos = x
	obj.ypos = y
	obj.left = obj.xpos
	obj.top = obj.ypos
}

//-->
</SCRIPT>

</HEAD>

<A HREF="javascript:slide()">Mueve</A> - <A HREF="javascript:moveTo(block,200,150)">En marcha otra vez</A>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]