Defilement de banniere publicitaire ; rotation de cadre

Soyez le premier à donner votre avis sur cette source.

Vue 10 282 fois - Téléchargée 1 260 fois

Description

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 / Exemple :


<!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

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

@karamel
Messages postés
1721
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
8 novembre 2019
49 -
bonjour
quand on copie une source la moindre des choses c'est de mettre le nom de l'auteur
zulrigh
Messages postés
24
Date d'inscription
samedi 10 janvier 2009
Statut
Membre
Dernière intervention
7 juin 2014
-
Inspiré de Mark Taquin en 2003
proftnj
Messages postés
54
Date d'inscription
lundi 10 juillet 2006
Statut
Membre
Dernière intervention
11 septembre 2011
-
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.
cs_laetirom1
Messages postés
1
Date d'inscription
mardi 24 mai 2011
Statut
Membre
Dernière intervention
22 février 2012
-
Bonjour,
Et il possible d'avoir des images à la place des textes.
Merci

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.