begin process at 2012 02 14 02:49:52
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > UNE IMAGE QUI VOLE...

UNE IMAGE QUI VOLE...


 Information sur la source

Note :
3 / 10 - par 1 personne
3,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Initié Date de création :18/04/2003 Date de mise à jour :18/04/2003 14:37:53 Vu / téléchargé :11 673 / 82 997

Auteur : virtuelkiller

Ecrire un message privé
Site perso
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 Description

Pour modifier, j'ai laissé des annotations dans le code ! ;-)

Source

  • <HTML>
  • <HEAD>
  • <TITLE>Vole</TITLE>
  • <SCRIPT language=JavaScript>
  • var ballWidth = 100; // prendre la largeur de l'espace où se déplacera l'image... Plus le chiffre est grand moins y'a d'espace : c'est pas très logique je sais !Essayez de mettre 1
  • var ballHeight = 100; // prendre la hauteur du l'espace où se déplacera l'image... Plus le chiffre est grand moins y'a d'espace : c'est pas très logique je sais !Essayez de mettre 1
  • var BallSpeed = 2; // La vitesse de l'image : de 1 à 50, le plus élevé est le plus rapide
  • var maxBallSpeed = 80;
  • 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;
  • var bascl = 0
  • function initializeBall()
  • {
  • if (document.all)
  • {
  • xMax = document.body.clientWidth
  • yMax = document.body.clientHeight
  • document.all("superball").style.visibility = "visible";
  • }
  • else if (document.layers)
  • {
  • xMax = window.innerWidth;
  • yMax = window.innerHeight;
  • document.layers["superball"].visibility = "show";
  • }
  • if(bascl == 0)
  • {
  • bascl = 1
  • setTimeout('moveBall()',400);
  • }
  • }
  • 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;
  • }
  • 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) window.onload = initializeBall;
  • {
  • window.onresize = initializeBall;
  • }
  • </SCRIPT>
  • </HEAD>
  • <BODY>
  • <DIV id=superball style="HEIGHT: 120px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 140px">
  • <A href="http://www.paroles-et-musiques.fr.st">
  • <IMG border=0 name=superballImage src="yoda.jpg" ALT="Allez-y !"></A></DIV>
  • </BODY>
  • </HTML>
<HTML>
<HEAD>
<TITLE>Vole</TITLE>


<SCRIPT language=JavaScript>

var ballWidth = 100; // prendre la largeur de l'espace où se déplacera l'image... Plus le chiffre est grand moins y'a d'espace : c'est pas très logique je sais !Essayez de mettre 1
var ballHeight = 100; // prendre la hauteur du l'espace où se déplacera l'image... Plus le chiffre est grand moins y'a d'espace : c'est pas très logique je sais !Essayez de mettre 1
var BallSpeed = 2;  // La vitesse de l'image : de 1 à 50, le plus élevé est le plus rapide
var maxBallSpeed = 80;
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;
var bascl = 0

function initializeBall()
{
	if (document.all)
	{
		xMax = document.body.clientWidth
		yMax = document.body.clientHeight
		document.all("superball").style.visibility = "visible";
	}
	else if (document.layers)
	{
		xMax = window.innerWidth;
		yMax = window.innerHeight;
		document.layers["superball"].visibility = "show";
	}
	if(bascl == 0)
	{
		bascl = 1
		setTimeout('moveBall()',400);
	}
}

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;
		}
		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) window.onload = initializeBall;
{
	window.onresize = initializeBall;
}
</SCRIPT>

</HEAD>
<BODY>


<DIV id=superball style="HEIGHT: 120px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 140px">
<A href="http://www.paroles-et-musiques.fr.st">
<IMG border=0 name=superballImage src="yoda.jpg" ALT="Allez-y !"></A></DIV>
</BODY>
</HTML>

 Conclusion

Questions, commentaires, n'hésitez pas !
A+
V.K.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

AFFICHER UNE PAGE WEB EN PLEIN ÉCRAN D'UN CLIC !
DU TEXTE DÉFILE DANS LA BARRE D'ÉTAT EN CONTINU !
PHRASE ANIMÉE : LE TEXTE ONDULE !
Source avec Zip AFFICHE OU CACHE UNE IMAGE OU UN LIEN GRÂCE À UN BOUTON
Source avec Zip UN POSTIT POUR LES ACTUS !

 Sources de la même categorie

Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600

Commentaires et avis

Commentaire de Cheryl145 le 11/10/2011 14:19:00

Bonjour
Je suis a la recherche pour Halloween , d'images qui volent .
soit
Merci
sinon le le site est super .

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,310 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales