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 !

SCROLLER HORIZONTAL ++ EN JAVASCRIPT


Information sur la source

Catégorie :Effets Classé sous : scroller, horizontal, javascript, animation Niveau : Initié Date de création : 14/02/2007 Vu / téléchargé: 11 484 / 1 704

Note :
8,6 / 10 - par 5 personnes
8,60 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

Description

N'ayant pas trouvé de scroller avec un défilement horizontal à ma guise, j'ai réalisé mon propre scroller horizontal.

Le scroller se présente sous la forme d'une classe qui permet de mettre en place un scroller horizontal.
Ce scroller peut contenir du HTML.
Lorsque le pointer de la souris est dans le scroller, ce dernier
s'arrête. Ce qui permet par exemple de cliquer sur un lien.
De plus, ce scroller a 2 principales options qui sont :

1 - possibilité de régler la vitesse de scrolling tant au niveau de
déplacement du message qu'au niveau du réglage du Timer.

2 - possibilité de faire défiler le même message, le 2ème, à la suite
de l'autre, le 1er, en spécifiant la position approximative, puisque
c'est exprimé en %. Donc espacement proportionnel entre le 1er bandeau
        de message par rapport au 2ème bandeau de message.

Le code est réuni dans le fichier zip Scroller_Page.zip qui contient les 2 fichiers suivants :

1 - defilementH.js : tout le script JavaScript
2 - demo.html : le fichier de démonstration du scroller

En attente de tout commentaire et de toutes améliorations.
Et en espérant que ça pourra servir.

Michael.
 

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 !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de blueangel le 23/07/2007 11:31:40

bien écrit, bien expliqué franchement c'est du régal!!

signaler à un administrateur
Commentaire de Mitchb2k le 23/08/2007 14:11:44

Super mais comment expliqué que lorsqu'on met un doctype strict ca ne marche plus ??

signaler à un administrateur
Commentaire de Woni le 24/06/2008 15:41:16 9/10

Salut Mikael,

Tu as fais du très bon boulot sur ce script, merci ;)

Bonne continuation !

signaler à un administrateur
Commentaire de wanou95b le 21/08/2008 14:28:02 6/10

La balise html <marquee> fait exactement la même chose !
Exemple :
<marquee direction="up" height="250" scrollamount="2" onMouseOver="this.stop()" onMouseOut="this.start()" >LES NEWS</marquee>

signaler à un administrateur
Commentaire de tijo2035 le 02/01/2009 02:50:18 10/10

Bonjours,

je voulais savoir comment on mettais le deuxième texte dans le code.

merci

signaler à un administrateur
Commentaire de DmLyon le 03/01/2009 12:52:02

Ca marche super ! Merci.
Je rencontre aussi le pbm du DocType .. si il y en a un ( par exemple : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ) l'animation ne marche plus.

Mon code est "embedé' dans du code généré, qui génère automatiquement le DocType .. du coup je suis bien embeté.

Une idée ?

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

appeller une script [ par poitierjohan ] Bonjour,Est-il possible d'appeller un script (&#233;crit en JavaScript) qui est en dehors de ma page hmtl??Autrement dis, que&nbsp;ma page web dans la scroller avec la mollette [ par on_drag_on ] Bonjour, je fais du Flash et pour la premi&#232;re fois j'ai un prob. qui n&#233;cessite apparement javascript. j'aimerais faire scroller un texte dyn Eliminer Un DIV ??? [ par jzeel ] Bonjour à tous,J'ai une animation flash qui se trouve dans un div, mais dès que l'animation se termine je vais appler un javascript à partir du flash Javascript et animation flash !? [ par cewac ] Bonjour &#224; tous, Pour commencer je dois vous dire que je suis novice en javascript et donc soyez indulgeant face &#224; mon ignorance. Voici mon&n Menu horizontal et Javascript [ par Lucky062 ] Bonjour à tous,   Je suis débutant et peut être que la question est stupide, mais je me lance !   Voici un moment que je cherche et je ne trouve pas ! placer une image à la place d'une fenêtre d'Alerte - Comment modifier mon code javascript svp? [ par RomantikA ] Bonjour, veuillez m'excuser pour cette question peut être stupide et/ou imprécise, mais je désirerais savoir s'il est possible de modifier un code jav Récupérer une valeur d' Access via un codage Javascript [ par mareuh ] Bonjour, je suis novice en progarmmation javascript, et j'ai besoin de dévélopper une application en javascript qui récupère des données dans une base Quelqu'un d'assez fort en javascript sait il faire ??? [ par AUZUR ] Bonjour tout le monde, voila je débute en javascript, et je dois développer une fonction pour mon entreprise, qui doit gérer les caractères spéciaux. Comment manipuler un XML déjà en mémoire via une routine en javascript? [ par zazalamouche ] Voici quelques info sur mon problème:J'ai un fichier XML qui contient des données et un fichier XSL qui contient le format d'affichageLe XML référence z index [ par didcup ] Bonjour,j'ai une animation flash dans une div et des images dans un autre.au passage du curseur j'ai un image agrandie (que j'ai mis dans une info-bul


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,530 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.