moverimagen jscript
Publicado por Luis Angel (4 intervenciones) el 26/04/2010 15:27:03
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<title>Juego</title>
<!------------JUEGO------------>
<script type="text/javascript">
x= 10; //Left
y= 10; //Top
function Mover(direccion)
{
switch (direccion.KeyCode)
{
//Arriba
case 38:
y-= 5;
document.getElementById("imagen").style.top= String(y) + "px";
break;
}
}
</script>
</head>
<body onkeyup="Mover(event);">
<img src="Artesarcanas.jpg" id="imagen" style="position: relative;" alt=""/>
</body>
</html>
<script type="text/javascript">
<!--
// script per generar la taula
document.writeln("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\""+dimx*n+"\" height=\""+dimy*m+"\">");
for(i=0;i<m;i++){ // generem files
document.writeln("<tr>");
for(j=0;j<n;j++){ // generem columnes
k=i*n+j;
document.writeln("<td width=\""+dimx+"\" height=\""+dimy+"\"><a href=\"javascript:moureFitxa("+k+")\"><img src=\""+base+separador1+(i+1)+separador2+(j+1)+extensio+"\" width=\""+dimx+"\" height=\""+dimy+"\" border=\"0\"></td>");
}
document.writeln("</tr>");
}
document.writeln("</table>");
// -->
</script>
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<title>Juego</title>
<!------------JUEGO------------>
<script type="text/javascript">
x= 10; //Left
y= 10; //Top
function Mover(direccion)
{
switch (direccion.KeyCode)
{
//Arriba
case 38:
y-= 5;
document.getElementById("imagen").style.top= String(y) + "px";
break;
}
}
</script>
</head>
<body onkeyup="Mover(event);">
<img src="Artesarcanas.jpg" id="imagen" style="position: relative;" alt=""/>
</body>
</html>
<script type="text/javascript">
<!--
// script per generar la taula
document.writeln("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\""+dimx*n+"\" height=\""+dimy*m+"\">");
for(i=0;i<m;i++){ // generem files
document.writeln("<tr>");
for(j=0;j<n;j++){ // generem columnes
k=i*n+j;
document.writeln("<td width=\""+dimx+"\" height=\""+dimy+"\"><a href=\"javascript:moureFitxa("+k+")\"><img src=\""+base+separador1+(i+1)+separador2+(j+1)+extensio+"\" width=\""+dimx+"\" height=\""+dimy+"\" border=\"0\"></td>");
}
document.writeln("</tr>");
}
document.writeln("</table>");
// -->
</script>
Valora esta pregunta
0