begin process at 2012 05 28 14:55:31
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Effets

 > DES SMILEYS QUI BOUGENT DEVANT/DERRIÈRE

DES SMILEYS QUI BOUGENT DEVANT/DERRIÈRE


 Information sur la source

Note :
9 / 10 - par 4 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :12/08/2003 Date de mise à jour :20/08/2003 17:28:48 Vu :12 365
Auteur : francktfr

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

 Description

Voila le code modifié afin de pouvoir ajouter d'autre smileys ...
Le sens et la vitesse sont parametrables.

Source

  • <HTML>
  • <HEAD>
  • <TITLE></TITLE>
  • <SCRIPT>
  • // Créé par francktfr pour www.systeme-d.net
  • function Move(oSmiley, oCache, InitFont, Diam, SpeedDown, I, CircleX, Dir){
  • Dir > 0 ? I += 0.1 : I -= 0.1
  • if (I >= Math.PI * 2 ){I = 0}
  • X = Math.round (Math.sin (I) * Diam)
  • if(InitFont !=0){oSmiley.style.fontSize = InitFont + Math.round (Math.cos(I) * (InitFont/5))}
  • if (oSmiley.offsetTop > document.body.offsetHeight){oSmiley.style.top=-(oSmiley.offsetHeight+2)}
  • oSmiley.style.left = CircleX + Math.round (Math.sin (I) * Diam)
  • oSmiley.style.top = oSmiley.offsetTop + SpeedDown
  • if (oSmiley.offsetLeft >= oCache.offsetLeft + oCache.offsetWidth) {oSmiley.style.zIndex = Dir > 0 ? oCache.style.zIndex-1 : oCache.style.zIndex+1}
  • if (oSmiley.offsetLeft + oSmiley.offsetWidth <= oCache.offsetLeft) {oSmiley.style.zIndex = Dir > 0 ? oCache.style.zIndex+1 : oCache.style.zIndex-1}
  • var ScrollTimer = window.setTimeout ("Move("+oSmiley.id+", "+oCache.id+","+InitFont+","+Diam+","+SpeedDown+","+I+","+CircleX+","+Dir+")",50)
  • }
  • function InitMove(oSmiley, oCache, Down, Dir){
  • /*
  • oSmiley : Element a faire bouger
  • oCache : Element servant de cache
  • Down : Vitesse de mouvement en pixel
  • Dir : Direction (1,-1)
  • */
  • MinX = oCache.offsetLeft - oSmiley.offsetWidth
  • MaxX = oCache.offsetLeft + oCache.offsetWidth
  • Diam = ((MaxX-MinX)/2)+5
  • CircleX = MinX + (MaxX-MinX)/2
  • oSmiley.style.top=-oSmiley.offsetHeight-10
  • var Font = 0
  • if (oSmiley.style.fontSize != ""){
  • var font = oSmiley.style.fontSize
  • Font = font.replace("px","")*1
  • }
  • Move(oSmiley, oCache, Font, Diam,Down,0,CircleX, Dir)
  • }
  • </SCRIPT>
  • </HEAD>
  • <BODY ONLOAD="window.setTimeout('InitMove(Smiley2, Poto,1,-1)',1); window.setTimeout('InitMove(Smiley3, Poto,2,1)',800); window.setTimeout('InitMove(Smiley4, Poto,1.5,1)',2000); window.setTimeout('InitMove(Smiley5, Poto,3,-1)',1500)" SCROLL="no">
  • <BR>
  • <DIV ID="Smiley2" STYLE="top:-50;text-align: center;z-index: 10;font:30;font-weight:bold;color:'#00CC00'; cursor: default;position:absolute;">&#9786;</DIV>
  • <DIV ID="Smiley3" STYLE="top:-50;text-align: center;z-index: 10;font:50;font-weight:bold;color:'#FF6600'; cursor: default;position:absolute;">&#9786;</DIV>
  • <DIV ID="Smiley4" STYLE="top:-60;text-align: center;z-index: 10;font:60;font-weight:bold;color:'#0066CC'; cursor: default;position:absolute;">&#9786;</DIV>
  • <DIV ID="Smiley5" STYLE="top:-50;text-align: center;z-index: 10;font:40;font-weight:bold;color:'#FF9933'; cursor: default;position:absolute;">&#9786;</DIV>
  • <TABLE ID="Poto" CELLPADDING=0 CELLSPACING=0 BORDER=0 BGCOLOR=#BEBEBE STYLE="z-index: 9;position:absolute;top:0;left:100; height: 300;width: 20;">
  • <TR><TD></TD></TR>
  • </TABLE>
  • </BODY>
  • </HTML> 
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
//	Créé par francktfr pour www.systeme-d.net
function Move(oSmiley, oCache, InitFont, Diam, SpeedDown, I, CircleX, Dir){
	Dir > 0 ? I += 0.1 : I -= 0.1
	if (I >= Math.PI * 2 ){I = 0}
	X = Math.round (Math.sin (I) * Diam)
	if(InitFont !=0){oSmiley.style.fontSize = InitFont + Math.round (Math.cos(I) * (InitFont/5))}
	if (oSmiley.offsetTop > document.body.offsetHeight){oSmiley.style.top=-(oSmiley.offsetHeight+2)}
	oSmiley.style.left = CircleX + Math.round (Math.sin (I) * Diam)
	oSmiley.style.top = oSmiley.offsetTop + SpeedDown
	if (oSmiley.offsetLeft >= oCache.offsetLeft + oCache.offsetWidth)  {oSmiley.style.zIndex = Dir > 0 ? oCache.style.zIndex-1 : oCache.style.zIndex+1}
	if (oSmiley.offsetLeft + oSmiley.offsetWidth <= oCache.offsetLeft) {oSmiley.style.zIndex = Dir > 0 ?  oCache.style.zIndex+1 :  oCache.style.zIndex-1}
	var ScrollTimer = window.setTimeout ("Move("+oSmiley.id+", "+oCache.id+","+InitFont+","+Diam+","+SpeedDown+","+I+","+CircleX+","+Dir+")",50)
}
function InitMove(oSmiley, oCache, Down, Dir){
	/*
	oSmiley :	Element a faire bouger
	oCache :	Element servant de cache
	Down :		Vitesse de mouvement en pixel
	Dir :		Direction (1,-1)
	*/
	MinX = oCache.offsetLeft - oSmiley.offsetWidth
	MaxX = oCache.offsetLeft + oCache.offsetWidth
	Diam = ((MaxX-MinX)/2)+5
	CircleX = MinX + (MaxX-MinX)/2
	oSmiley.style.top=-oSmiley.offsetHeight-10
	var Font = 0
	if (oSmiley.style.fontSize != ""){
		var font = oSmiley.style.fontSize
		Font = font.replace("px","")*1
		}
	Move(oSmiley, oCache, Font, Diam,Down,0,CircleX, Dir)
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="window.setTimeout('InitMove(Smiley2, Poto,1,-1)',1); window.setTimeout('InitMove(Smiley3, Poto,2,1)',800); window.setTimeout('InitMove(Smiley4, Poto,1.5,1)',2000); window.setTimeout('InitMove(Smiley5, Poto,3,-1)',1500)" SCROLL="no">

<BR>
<DIV ID="Smiley2" STYLE="top:-50;text-align: center;z-index: 10;font:30;font-weight:bold;color:'#00CC00'; cursor: default;position:absolute;">&#9786;</DIV>
<DIV ID="Smiley3" STYLE="top:-50;text-align: center;z-index: 10;font:50;font-weight:bold;color:'#FF6600'; cursor: default;position:absolute;">&#9786;</DIV>
<DIV ID="Smiley4" STYLE="top:-60;text-align: center;z-index: 10;font:60;font-weight:bold;color:'#0066CC'; cursor: default;position:absolute;">&#9786;</DIV>
<DIV ID="Smiley5" STYLE="top:-50;text-align: center;z-index: 10;font:40;font-weight:bold;color:'#FF9933'; cursor: default;position:absolute;">&#9786;</DIV>

<TABLE ID="Poto" CELLPADDING=0 CELLSPACING=0 BORDER=0 BGCOLOR=#BEBEBE STYLE="z-index: 9;position:absolute;top:0;left:100; height: 300;width: 20;">
<TR><TD></TD></TR>
</TABLE>

</BODY>
</HTML>



 Sources du même auteur

Source avec une capture CHOIX DE DATES ET DE PERIODE
HORLOGE DIGITALE , SI SI
Source avec une capture TEXT COLORISÉ AVEC LE POURCENTAGE
Source avec une capture MENU AVEC EFFET DE DÉGRADÉ
ANNONCE LETTRE PAR LETTRE
Toutes les sources de francktfr

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
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
Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de bob3000 le 13/08/2003 03:01:36

excellent! bravo!

Commentaire de lordrpg le 20/08/2003 22:33:07

ouah c de la balle bravo

Commentaire de marcellurat le 21/08/2003 18:58:38

bravo ! bel effet

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Water in the Beginning of the Grand Canyon
Photo Ronce-les-Bains La-Tremblade , Charente-Maritime (17) 

Visiter la photothèque

A découvrir
 
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 : 0,577 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)