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