Foro de soporteAyuda para webmastersJava y Javascript
Responder 
Ayuda con codigo Java
Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#1

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>

Haz clic para ver el perfil del usuario

@man / @woman
@man / @woman

#2

¿Algo así?

Código:
<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>
Haz clic para ver el perfil del usuario

Usuario Novato
Usuario Novato

#3

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

Haz clic para ver el perfil del usuario

@man / @woman
@man / @woman

#4

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:
Suscribir

Permisos:

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro

Ahora son las 00:32 UTC+02:00 DST

Ir al subforo: 

Temas similares
TemaUsuariosRespuestasVisitasActividad
8967Feb/11
02kJun/10
0645Apr/11
013kAug/09
12kJun/09