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

Code

 > 

Trucs Amusants

 > DEFILEMENT DE BANNIERE PUBLICITAIRE ; ROTATION DE CADRE

DEFILEMENT DE BANNIERE PUBLICITAIRE ; ROTATION DE CADRE



 Description

Cliquez pour voir la capture en taille normale
Déplacement verticale de boites, de message ou autre

A la base c'est une rotation de diffèrent élément dans un cadre ; ce peut très bien être un lien, une image, voir plusieurs bannière publicitaire.

Je met juste sa présentation, le code complet est disponnible

Source

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • <html lang="FR-fr" dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
  • <head>
  • <script langage="javascript" src="msgscroll.js"></script>
  • <script type="text/javascript" language="javascript1.2">
  • var myScroller = new Scroller(
  • 100, //hauteur
  • 200, //largeur
  • 28, //hauteur du texte
  • 2, //position x & Y
  • '#FFF', //border color
  • 35, //scrolling delay - 75 is about right
  • 3000, //pause
  • 30, //distance from the top
  • '#99F' //background colour
  • );
  • myScroller.msgArray[0] = '<a href="http://www.javascriptfr.com" target="_top" style="text-decoration:none;color:#000077;font-weight:bold;">--code-sources.com--</a>';
  • myScroller.msgArray[1] = '<a href="http://www.javascriptfr.com/codes/FADEIN-EFFET-FONDU-ANIMATION-OPACITE-TOUT-JAVASCRIPT_52041.aspx" target="_top" style="text-decoration:none;color:#000077;font-weight:bold;">FadeIn / FadeOut sans Jquery !</a>';
  • myScroller.msgArray[2] = '<a href="http://www.javascriptfr.com/codes/EFFET-SURBRILLANCE-JAVASCRIPT_52053.aspx" target="_top" style="text-decoration:none;color:#000077;font-weight:bold;">Effet de surbrillance<br>tout est expliquer ici</a>';
  • myScroller.msgArray[3] = '<a href="http://www.javascriptfr.com/codes/TELECHARGEMENT-SANS-RECHARGER-PAGE_52042.aspx" target="_top" style="text-decoration:none;color:#000077;font-weight:bold;">Telecharger sans regarger la page en cours</a>';
  • myScroller.constructScroller();
  • </script>
  • </head>
  • <body>
  • </body>
  • </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="FR-fr" dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script langage="javascript" src="msgscroll.js"></script>	

	<script type="text/javascript" language="javascript1.2">
var myScroller = new Scroller(
	100, //hauteur
	200, //largeur
	28, //hauteur du texte
	2, //position x & Y
	'#FFF', //border color
	35, //scrolling delay - 75 is about right
	3000, //pause
	30, //distance from the top
	'#99F' //background colour
	);


myScroller.msgArray[0] = '<a href="http://www.javascriptfr.com" target="_top" style="text-decoration:none;color:#000077;font-weight:bold;">--code-sources.com--</a>';
myScroller.msgArray[1] = '<a href="http://www.javascriptfr.com/codes/FADEIN-EFFET-FONDU-ANIMATION-OPACITE-TOUT-JAVASCRIPT_52041.aspx" target="_top" style="text-decoration:none;color:#000077;font-weight:bold;">FadeIn / FadeOut sans Jquery !</a>';
myScroller.msgArray[2] = '<a href="http://www.javascriptfr.com/codes/EFFET-SURBRILLANCE-JAVASCRIPT_52053.aspx" target="_top" style="text-decoration:none;color:#000077;font-weight:bold;">Effet de surbrillance<br>tout est expliquer ici</a>';
myScroller.msgArray[3] = '<a href="http://www.javascriptfr.com/codes/TELECHARGEMENT-SANS-RECHARGER-PAGE_52042.aspx" target="_top" style="text-decoration:none;color:#000077;font-weight:bold;">Telecharger sans regarger la page en cours</a>';


myScroller.constructScroller();
</script>

</head>
<body>
</body>
</html>

 Conclusion

Parait compliquer aux premiers abord, mais devient rapidement compréhensible ;-)

Fonctionne avec tout les navigateurs

 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

Source avec Zip Source avec une capture NAVIGATION PAR AJAX, CHARGEMENT DES PAGES SANS RECHARGEMENT
Source avec Zip Source avec une capture EFFET DE SURBRILLANCE EN JAVASCRIPT
Source avec Zip Source avec une capture TELECHARGEMENT SANS RECHARGER LA PAGE
Source avec Zip Source avec une capture FADEIN EFFET DE FONDU, ANIMATION D'OPACITE TOUT EN JAVASCRIP...
Toutes les sources de zulrigh

 Sources de la même categorie

Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol
Toutes les sources de la catégorie Trucs Amusants

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip Source avec une capture RÉALISER UN COMPTE À REBOURS AVEC REDIRECTION AUTOMATIQUE AV... par kmsystem
Source avec Zip Source avec une capture FAIRE DÉFILER EN BOUCLE UNE IMAGE DANS UN <TABLE> par Isole
Source avec Zip Source avec une capture EFFET DE SURBRILLANCE EN JAVASCRIPT par zulrigh
Source avec Zip Source avec une capture FAIRE DEFILER DES IMAGE A LA MOLETTE OU SOURIS par kazma

Commentaires et avis

Commentaire de kazma le 19/07/2010 00:21:26 administrateur CS

bonjour
quand on copie une source la moindre des choses c'est de mettre le nom de l'auteur

Commentaire de zulrigh le 19/07/2010 11:23:45

Inspiré de Mark Taquin en 2003

Commentaire de proftnj le 26/07/2010 23:18:24

Essayé, adapté et testé avec FF et IE7 (je n'aime vraiment pas IE8): c'est OK. J'aimerais voir la compatibilité avec d'autres navigateurs, ce que ça donne avec des iframes (berk), par exemple.

J'aimerai aussi avoir la source originale de ce script (il aurait fallu l'indiquer comme l'écrit KAZMA avec raison - c'est la moindre des choses), je ne l'ai pas trouvée.

Commentaire de laetirom1 le 22/02/2012 12:55:29

Bonjour,
Et il possible d'avoir des images à la place des textes.
Merci

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

help me please netscape [ par fabricech ] je n'arrive pas a faire passer le code suivant sous netscape, meme apres un etonne d'aspirine!&lt;SCRIPT LANGUAGE="JavaScript"&gt;var lft = 10; // (wi positionné une image scroll aur netscape4.x [ par rochonpascal ] Bonjour, depuis une semaine j'essaie de rendre mon site compatible avec netscape 4.x, le problèeme que je rencontre c'est que lorsque j'ai des images Spécialiste Javascript : LA QUESTION ! (valeur scroll sous ie5.0) [ par Jin ] Quelqu'un connaîtrait-il l'équivalent de document.body.scrollTopdocument.body.scrollLeft(Valeur de la position des barres de défilements)sous internet Pbs de scroll avec les pseudo frame php [ par svman1 ] Bonjour a tous :)Voila je suis en train de refaire complétement mon site en php et j'utlilise des pseudo frame .Sur une de mes pages les info sont plu scroll barre [ par viking11100 ] salut je debute alors evidemment j'ai dess blemsje fais un site avec frontpage et je voudrais savoir comment je peux faire pour que ma page index qui ouvrir une fenêtre sans aucun élément [ par hikker ] j'ai le pb suivant je n'arrive pas à afficher une page sans les options (scroll,barmenu...)voici mon code PopErreur = window.open(page,'','menubar=no, Defilement d'une scroll bar [ par zipzip ] Bloquer le scroll d'un textarea [ par teknono ] Bonjour à tous,Voila je recherche une astuce qui permettrait de limiter le nombre de ligne saisie dans un textarea. Autrement dit, j'ai un textarea av scroll automatique vertical de news [ par gremar ] comment on fait ? :Pca se fait bien avec du javascript ce genre de chose ?si oui, comment ?gremar Frames et scroll [ par thetruche ] Bonjour,Voici mon problème:J'ai un site ou il y a un haut de page, un gros menu à gauche avec des layers et un le contenu à sa droite.le soucis est qu


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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,811 sec (3)

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)