CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 12 04 01:19:43

VIDéO : VISION DE MICROSOFT SUR LA 4èME GéNéRATION DES DATA CENTERS MODULAIRES par redo

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (2/2) par neodante

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (1/2) par neodante

[WPF] L'OBJET COLLECTIONVIEWSOURCE DE WPF, INDISPENSABLE POUR DéVELOPPER DES APPLICATIONS MéTIER ! par Thomas LEBRUN

MOBUZZ C'EST FINIT ! par orion

RE : BOUTON COCHER/DECOCHER par kazma

VOTE +1 AIDEZ MOI PLZ par drazika

JAVASCRIPT : OPENER ET REFRESH ? par photon02

TABLEAU D'INFORMATION par wwe419

RE : RECUPERER UNE VARIABLE par Bulledanslair

+ de logiciels à télécharger

1 302 926 membres
12 nouveaux aujourd'hui
14 556 membres club

Trouver une ressource

Trouvez une ressource parmi 39 083 codes, 1 208 981 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

ANIMATION EN JAVA SCRIPT

Information sur la source

Catégorie :Trucs & Astuces Classé sous : animation, flash, objet, java, html Niveau : Initié Date de création : 24/12/2005 Date de mise à jour : 20/05/2006 06:45:29 Vu / téléchargé: 24 584 / 1 505

Auteur : abdelaziz_info

Site perso

Ecrire un message privé

Note :

7,50 / 10

Commentaire sur cette source (0)

Ajouter un commentaire et/ou une note

Description

C’est une animation pour tout objet et texte,
En LANGUAGE="JavaScript" et < HTML >… !

Source

<html>
<head>
<link rel="shortcut icon" href="http://abdelaziz.site.voila.fr/abdelaziz_web/favicon.ico"/>
<title>animation en java script</title>
<font color="#FFFF00"><a target="_blank" href="http://www.abdelaziz.ca.cx">
<font color="#FFFF00">animation en java script<br>écrite par Abdelaziz rejeb Elalia Tunisie , Le :
18/05/2006
<br>www.abdelaziz.ca.cx</font>
</a></font><a target="_blank" href="http://www.abdelaziz.ca.cx"><font color="#FFFF00">
<script language="JavaScript">
self.moveTo(0,0)
window.resizeTo(790,590);
</script>
<STYLE type=text/css>
a.un:link {
FONT-SIZE: 18pt; COLOR: #000000 ; FONT-FAMILY: Arial, Fixedsys, Tahoma, Verdana, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
a.un:visited {
FONT-SIZE: 18pt; COLOR: #000000; FONT-FAMILY: Arial, Fixedsys, Tahoma, Verdana, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
a.un:active {
FONT-SIZE: 18pt; COLOR: #c0c0c0; FONT-FAMILY: Arial, Fixedsys, Tahoma, Verdana, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
a.un:hover {
BACKGROUND: #000000; TEXT-DECORATION: underline overline
}
a.un:hover {
COLOR: #00ff00 ; TEXT-DECORATION: none
}
IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
IMG.1 {
BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; BORDER-LEFT: black 2px solid; BORDER-BOTTOM: black 2px solid
}
A:hover IMG {
BORDER-RIGHT: #ff0000 1px dashed; BORDER-TOP: #ff0000 1px dashed; BORDER-LEFT: #ff0000 1px dashed; BORDER-BOTTOM: #ff0000 1px dashed
}
</STYLE>
</font></a>
<div align="center">
<center>
<SCRIPT LANGUAGE="JavaScript">
/*
abdelaziz rejeb Elalia Tunisie
www.abdelaziz.ca.cx
pour tout contact: http://abdelaziz.site.voila.fr/abdelaziz_web/mailing_objet/contact.htm
Le 24/12/2005
*/
k = -1;
u = 180;
g = 500
z = 0;
function animation()
{
if (z == 0)
{
if (u != 0)
{
objectif1.top = (k = k + 4);
objectif2.right = (u = u - 4);
objectif3.top = (g = g - 1);
cadence = setTimeout('animation()', 50);
}
else
{
z = 1;
cadence = setTimeout('animation()');
}
}
else
{
if (u != 320)
{
objectif1.right = (k = k - 4);
objectif2.top = (u = u + 4);
objectif3.top = (g = g - 1);
cadence = setTimeout('animation()', 50);
}
else
{
z = 0;
cadence = setTimeout('animation()');
}
}
}
</SCRIPT>
</head>
<body background="http://abdelaziz.site.voila.fr/abdelaziz_web/images/nuit.gif">
<center>
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 width="80%" style="border-collapse: collapse" bordercolor="#111111"><TR>
<TD width="100%">
<DIV ID="objectif1" STYLE="position:relative; width:293; height:73">
<p align="center"><a class=un target="_blank" href="http://abdelaziz.site.voila.fr/abdelaziz_web/accueil.htm">
<img class=1 border="0" src="http://abdelaziz.site.voila.fr/abdelaziz_web/images/terre.gif" width="39" height="42"></a></p>
<p align="center">
<a class=un target="_blank" href="http://abdelaziz.site.voila.fr/abdelaziz_web/accueil.htm">Abdelaziz Rejeb</a></p>
<p align="center"></p></div></TD>
<TD width="100%">
<DIV ID="objectif2" STYLE="position:relative; width:291; height:103">
<img class=1 border="0" src="http://abdelaziz.site.voila.fr/abdelaziz_web/images/barik.gif" width="35" height="36"><br>
<a class=un target="_blank" href="http://www.abdelaziz.ca.cx" style="text-decoration: none">
http://www.abdelaziz.ca.cx</a><FONT SIZE=3 FACE="Arial" COLOR="#0555FA"><a class=un target="_blank" href="http://www.abdelaziz.ca.cx"><p align="center">
<FONT SIZE=3 FACE="Arial" COLOR="#0555FA">
<a class=un target="_blank" href="http://www.abdelaziz.ca.cx">
<img class=1 border="0" src="http://abdelaziz.site.voila.fr/abdelaziz_web/images/barik.gif" width="35" height="36"></a></p></a></DIV></TD>
<TD width="100%">
<DIV ID="objectif3" STYLE="position:relative; width:90; height:97">
<a class=un target="_blank" href="http://www.abdelaziz.ca.cx" style="text-decoration: none">
objectif3</a><a class=un target="_blank" href="http://www.abdelaziz.ca.cx"><p align="center">
<img class=1 border="0" src="http://abdelaziz.site.voila.fr/abdelaziz_web/images/a.gif" width="42" height="47"></p></a></DIV>
</TD>
</TR></TABLE>
<SCRIPT LANGUAGE="JavaScript">
if (document.getElementById)
{
var objectif1 = document.getElementById("objectif1").style;
var objectif2 = document.getElementById("objectif2").style;
var objectif3 = document.getElementById("objectif3").style;
window.onload = animation;
}
</SCRIPT>
</center>
</div>
<!--abdelaziz rejeb Elalia Tunisie
www.abdelaziz.ca.cx
pour tout contact: http://abdelaziz.site.voila.fr/abdelaziz_web/mailing_objet/contact.htm
Le 24/12/2005-->
</body>
</html>

<html>
<head>
<link rel="shortcut icon" href="http://abdelaziz.site.voila.fr/abdelaziz_web/favicon.ico"/>
<title>animation en java script</title>
<font color="#FFFF00"><a target="_blank" href="http://www.abdelaziz.ca.cx">
<font color="#FFFF00">animation en java script<br>écrite par Abdelaziz rejeb Elalia Tunisie , Le :
<!--webbot bot="Timestamp" S-Type="REGENERATED" S-Format="%d/%m/%Y" startspan -->18/05/2006<!--webbot bot="Timestamp" endspan i-checksum="12585" -->
<br>www.abdelaziz.ca.cx</font>
</a></font><a target="_blank" href="http://www.abdelaziz.ca.cx"><font color="#FFFF00">
<script language="JavaScript">
self.moveTo(0,0)
window.resizeTo(790,590);
</script>
<STYLE type=text/css>
a.un:link {
	FONT-SIZE: 18pt; COLOR: #000000 ; FONT-FAMILY: Arial, Fixedsys, Tahoma, Verdana, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
a.un:visited {
	FONT-SIZE: 18pt; COLOR: #000000; FONT-FAMILY: Arial, Fixedsys, Tahoma, Verdana, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}
a.un:active {
	FONT-SIZE: 18pt; COLOR: #c0c0c0; FONT-FAMILY: Arial, Fixedsys, Tahoma, Verdana,  Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}

a.un:hover {
BACKGROUND: #000000; TEXT-DECORATION: underline overline
}
a.un:hover {
COLOR: #00ff00 ; TEXT-DECORATION: none
}

IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
IMG.1 {
	BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; BORDER-LEFT: black 2px solid; BORDER-BOTTOM: black 2px solid
}
A:hover IMG {
	BORDER-RIGHT: #ff0000 1px dashed; BORDER-TOP: #ff0000 1px dashed; BORDER-LEFT: #ff0000 1px dashed; BORDER-BOTTOM: #ff0000 1px dashed
}
</STYLE>
</font></a>
<div align="center">
<center>
<SCRIPT LANGUAGE="JavaScript">
/* 
abdelaziz rejeb Elalia Tunisie 
www.abdelaziz.ca.cx 
pour tout contact: http://abdelaziz.site.voila.fr/abdelaziz_web/mailing_objet/contact.htm 
Le 24/12/2005
*/ 
k = -1;
u = 180;
g = 500
z = 0;
function animation()
{
if (z == 0)
{
if (u != 0)
{
objectif1.top = (k = k + 4);
objectif2.right = (u = u - 4);
objectif3.top = (g = g - 1);
cadence = setTimeout('animation()', 50);
}
else
{
z = 1;
cadence = setTimeout('animation()');
}
}
else
{
if (u != 320)
{
objectif1.right = (k = k - 4);
objectif2.top = (u = u + 4);
objectif3.top = (g = g - 1);
cadence = setTimeout('animation()', 50);
}
else
{
z = 0;
cadence = setTimeout('animation()');
}
}
}
</SCRIPT>
</head>
<body background="http://abdelaziz.site.voila.fr/abdelaziz_web/images/nuit.gif">
<center>
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 width="80%" style="border-collapse: collapse" bordercolor="#111111"><TR>
<TD width="100%">
<DIV ID="objectif1" STYLE="position:relative; width:293; height:73">
<p align="center"><a class=un target="_blank" href="http://abdelaziz.site.voila.fr/abdelaziz_web/accueil.htm">
<img class=1 border="0" src="http://abdelaziz.site.voila.fr/abdelaziz_web/images/terre.gif" width="39" height="42"></a></p>
<p align="center">
<a class=un target="_blank" href="http://abdelaziz.site.voila.fr/abdelaziz_web/accueil.htm">Abdelaziz Rejeb</a></p>
<p align="center"></p></div></TD>
<TD width="100%">
<DIV ID="objectif2" STYLE="position:relative; width:291; height:103">
<img class=1 border="0" src="http://abdelaziz.site.voila.fr/abdelaziz_web/images/barik.gif" width="35" height="36"><br>
<a class=un target="_blank" href="http://www.abdelaziz.ca.cx" style="text-decoration: none">
http://www.abdelaziz.ca.cx</a><FONT SIZE=3 FACE="Arial" COLOR="#0555FA"><a class=un target="_blank" href="http://www.abdelaziz.ca.cx"><p align="center">
<FONT SIZE=3 FACE="Arial" COLOR="#0555FA">
<a class=un target="_blank" href="http://www.abdelaziz.ca.cx">
<img class=1 border="0" src="http://abdelaziz.site.voila.fr/abdelaziz_web/images/barik.gif" width="35" height="36"></a></p></a></DIV></TD>
<TD width="100%">
<DIV ID="objectif3" STYLE="position:relative; width:90; height:97">
<a class=un target="_blank" href="http://www.abdelaziz.ca.cx" style="text-decoration: none">
objectif3</a><a class=un target="_blank" href="http://www.abdelaziz.ca.cx"><p align="center">
<img class=1 border="0" src="http://abdelaziz.site.voila.fr/abdelaziz_web/images/a.gif" width="42" height="47"></p></a></DIV>
</TD>
</TR></TABLE>
<SCRIPT LANGUAGE="JavaScript">
if (document.getElementById)
{
var objectif1 = document.getElementById("objectif1").style;
var objectif2 = document.getElementById("objectif2").style;
var objectif3 = document.getElementById("objectif3").style;
window.onload = animation;
}
</SCRIPT>
</center>
</div>
<!--abdelaziz rejeb Elalia Tunisie 
www.abdelaziz.ca.cx 
pour tout contact: http://abdelaziz.site.voila.fr/abdelaziz_web/mailing_objet/contact.htm 
Le 24/12/2005-->
</body>
</html>

Conclusion

Remplacez les textes et les objets par les votres … !

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

a.gif 19 251 octets
animation.htm 4 549 octets
barik.gif 2 841 octets
nuit.gif 1 317 octets
terre.gif 8 704 octets

Télécharger le zip

Historique

25 décembre 2005 02:01:41 :: Compléter le lien du fond de la page.
18 mai 2006 13:37:47 :: Vérification d’orthographe
20 mai 2006 06:45:29 :: simple retouche de texte

Sources du même auteur

AUTO MANUEL PARAGRAPHES, DIAPO PARAGRAPHES OU AUSSI PROJECTE...

CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE...

DIAPORAMA 360° V2 MOUVEMENT DANS LES QUATRE SENS ROTATION VA...

ZOOM À COULISSE POUR AGRANDIR ET MINIMISER LE CONTENU DE PAR...

DIAPORAMA 360 DEGRÉ COMPLET ET TOUT AUTOMATIQUE QUATRE VITES...

Toutes les sources de abdelaziz_info

Sources de la même categorie

API GOOGLE TRADUCTION par CodeurleGeek

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT par CodeurleGeek

AUTO MANUEL PARAGRAPHES, DIAPO PARAGRAPHES OU AUSSI PROJECTE... par abdelaziz_info

DEUX MESSAGES DANS LA BARRE D'ÉTAT par pgl10

DIAPORAMA 360° V2 MOUVEMENT DANS LES QUATRE SENS ROTATION VA... par abdelaziz_info

Toutes les sources de la catégorie Trucs & Astuces

Sources en rapport avec celle ci

UPLOAD PLUSIEURS FICHIERS FANCYUPLOAD V2 par mnouzahir

ANIMATION LOGO par opossum_farceur

PATIENTER POUR NE RIEN RATER par abdelaziz_info

LA FAMEUSE PETITE HORLOGE par abdelaziz_info

ÉDITEUR WEB ET TEXTE AVEC MULTIFONCTIONS par abdelaziz_info

Commentaires et avis

Aucun commentaire pour le moment.

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

lien html / flash ? [ par pistoff ] Voila mon problème:j'ai une animation flash qui commence dans une premiere page html... et j'aimerais qu'en passant sur une deuxieme page html la meme Compilation fichier CHM - IMAGES MANQUANTES [ par 3615jenveux ] Bonjour à tous !Ma question tiens a help WorkShop plus qu'au Java mais il n'y a pas de forum sur HWS.Le problème est en fait très simple mais il faut Cacher du texte derriere un objet flash [ par MisterJAD ] Bonjour,J'ai un site où les liens sont en flash, et dans un soucis de compatibilité je souhaiterais mettre les même liens en texte derr php, java, html [ par cicom ] Bonjour à tous,mon rayon à moi c'est le php et un peu html mais pas du tout le javaAlors je vient vous demander un trucun script java qui es Javascript et animation flash !? [ par cewac ] Bonjour à tous, Pour commencer je dois vous dire que je suis novice en javascript et donc soyez indulgeant face à mon ignorance. Voici mon&n Lien d'une animation Flash vers un site [ par sophea ] Comment faire en sorte que toute la surface de l'animation soit un lien ?J'ai testé un truc très bizarre. J'ai crée un bouton transpare Requète html envoyer vers applat java chat irc [ par wariorz ] Bonjour tout le monde,voilà j'ai télécharger un applet irc en java, l'utilisation de cet applet est simple, mais lors de la connexion a Setter la page de démarrage depuis Flash avec redirection sur une page html [ par jcheseaux ] J'ai déja posé cette question avant mais je la précise car je n'arrive vmt pas. Enfait je suis très débutant en javascript, e Java et html [ par robyaltis ] Salut,je suis nouveau, et pas beaucoup d'expérience un programmation. Je fais surtout de la création graphique.Ma Question est la suivante: J'ai une p pop up function launchwin [ par inconnue ] Salut, j'ai réalisé une animation flash avec à l'intérieur un bouton qui appelle un pop up html,voilà le code utilisé sur mon bouton dans flash :on (p