lecter04
Usuario Novato
Usuario Novato

Hola,  me gustaria que en este codigo (adjunto mas abajo) que muestra una bola rebotando por la pantalla cuando pusiera el raton encima se parara y cuando lo quitara reanudara el movimiento, por favor, no tengo ni idea de Java, por lo que agradecería las líneas de código que tengo que añadir y dónde.

Muchas gracias por anticipado
Un saludo

<html>

<head>
<title>Bola rebotando 3</title>
<p align="center"><b>Bola rebotando 3</b></p>

<script language="JavaScript">
<!-- hide script from old browsers

/*[*] SCRIPT: Bouncing Image Script COPYRIGHT: © 1999 Hass[*] AUTHOR: Lloyd Hassell EMAIL: lloydhass@hotmail.com[*] WWW: http://go.to/hass[*] Permission granted to Dynamicdrive.com to feature script in archive[*] Modified by Dynamicdrive.com for feature alteration[*] For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//Configure the below three variables (BallSpeed from 1 to 50, larger is faster)
var ballWidth = 40;
var ballHeight = 40;
var BallSpeed = 8;
var stopafter=0; //set time in seconds before ball disappears. Use 0 for never

var maxBallSpeed = 50;
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function stopit(){
clearTimeout(doit)
if (document.getElementById)
document.getElementById("superball").style.visibil ity="hidden"
else if (document.all)
document.all("superball").style.visibility = "hidden";
else
document.layers["superball"].visibility = "hide";
}

function initializeBall() {
if (document.all) {
xMax = document.body.clientWidth
yMax = document.body.clientHeight
document.all("superball").style.visibility = "visible";
}
else if (document.layers||document.getElementById) {
xMax = window.innerWidth-14;
yMax = window.innerHeight;
if (document.getElementById)
document.getElementById("superball").style.visibil ity="visible"
else
document.layers["superball"].visibility = "show";
}
setTimeout('moveBall()',400);
if (stopafter>0)
setTimeout("stopit()",stopafter*1000)
}

function moveBall() {
if (superballRunning == true) {
calculatePosition();
if (document.all) {
document.all("superball").style.left = xPos + document.body.scrollLeft;
document.all("superball").style.top = yPos + document.body.scrollTop;
}
else if (document.layers) {
document.layers["superball"].left = xPos + pageXOffset;
document.layers["superball"].top = yPos + pageYOffset;
}
else if (document.getElementById) {
document.getElementById("superball").style.left = xPos + pageXOffset;
document.getElementById("superball").style.top = yPos + pageYOffset;
}
doit=setTimeout('moveBall()',30);
}
}

function calculatePosition() {
if (xDir == "right") {
if (xPos > (xMax - ballWidth - BallSpeed)) {
xDir = "left";
}
}
else if (xDir == "left") {
if (xPos < (0 + BallSpeed)) {
xDir = "right";
}
}
if (yDir == "down") {
if (yPos > (yMax - ballHeight - BallSpeed)) {
yDir = "up";
}
}
else if (yDir == "up") {
if (yPos < (0 + BallSpeed)) {
yDir = "down";
}
}
if (xDir == "right") {
xPos = xPos + BallSpeed;
}
else if (xDir == "left") {
xPos = xPos - BallSpeed;
}
else {
xPos = xPos;
}
if (yDir == "down") {
yPos = yPos + BallSpeed;
}
else if (yDir == "up") {
yPos = yPos - BallSpeed;
}
else {
yPos = yPos;
}
}

if (document.all||document.layers||document.getElemen tById){
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

// end hiding from old browsers -->
</script>

<style type="text/css">

#superball {
position:absolute;
left:0;
top:0;
visibility:hide;
visibility:hidden;
width:40;
height:40;
}

</style>
</head>

<BODY style="font-family: Verdana">
<span id="superball"><a href="http://www.dynamicdrive.com"><img name="superballImage" src="superball.gif" height="40" width="40" border="0"></a></span>

<p align="center">Imágenes:<br>
<a href="superball.gif">superball.gif</a></p>

</body>

</html>

Avatar Image
@man / @woman
@man / @woman

¿Algo así?

<HTML>
<HEAD>
<TITLE>Amplía, reduce el tamaño de una imagen</TITLE>

<BODY onload=fade()>
<DIV align=center>
<CENTER>
<p><font color="#FFFFFF"><b>Amplía, reduce el tamaño de una imagen</b></font></p>
<TABLE height=183 cellSpacing=0 cellPadding=0 border=0 width="251">
  <TBODY>
  <TR>
    <TD align=middle width="241" height="183"><IMG height=300 alt=Image src="noche.jpg" width=400 border=0 
    name=u></TD>

    <TD align=middle width="10" height="183">&nbsp;
      <P>&nbsp;</P>
      <P>&nbsp;</P>
      <P>&nbsp;</P></TD></TR></TBODY></TABLE></CENTER></DIV>
<SCRIPT language=JavaScript>
/*
script by Caspar Ström
cs@zerg.com
http://listen.to/caspar
*/
var b = 1;
var c = true;

function fade(){
if(document.all);

if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}

if(b==10) {
b++;
c = true;
}

if(c == false) {
b--;
}
u.width=300 + b;
u.height=300 - 2*b;
setTimeout("fade()",50);
}
</SCRIPT>
lecter04
Usuario Novato
Usuario Novato

Muchas gracias por tu respuesta pero no es eso lo que quiero, quiero que cuando la bola se desplaza por la pantalla, cuando ponga el raton encima de ella se pare y cunado lo quite reanude el movimiento.

Muchas gracias

un saludo

Avatar Image
@man / @woman
@man / @woman

Interesantes los 2 efectos ...

para cuando ponga el raton encima de ella se pare y cunado lo quite reanude el movimiento.

Hay una parte del código que no me funciona, así que a esta parte la inhabilité:

Spoiler:
<!--
if (document.all||document.layers||document.getElementById){
 window.onload= initializeBall();
 window.onresize= new Function("window.location.reload()");
}
-->

ahora, para que se inicialize la pelota:

Spoiler:
<BODY style="font-family: Verdana" onload="initializeBall();">

agregá estas funciones al script:

Spoiler:
function Detener(){
 superballRunning=false;
}

function Reanudar(){
 superballRunning=true;
 setTimeout('moveBall()',BallSpeed);
}

y cambiá el código de la imagen a esto:

Spoiler:
<span id="superball">
<img
 name="superballImage"
 src="xxxxxx.gif"
 height="40"
 width="40"
 border="0"
 onmouseover="Detener();"
 onmouseout="Reanudar();"
>
</span>

Espero que te funcione.

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 17/Feb/2011, 19:55
locaso9 GestionXls82kFeb/11
Por: , el 03/Jun/2010, 16:59
setsuna1203kJun/10
Por: , el 07/Abr/2011, 02:42
kekonews02kApr/11
Por: , el 28/Ago/2009, 21:31
daggaz014kAug/09
Por: , el 16/Jun/2009, 21:36
hormigilla GestionXls13kJun/09