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é: 14 362 / 2 135

Note :
8,67 / 10 - par 6 personnes
8,67 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (10)
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 ?

signaler à un administrateur
Commentaire de Akeela le 22/05/2009 16:54:50 9/10

@wanou95b

Tête de noeud ! <marquee> n'est PAS une balise standard !! C'est une extension MSIE !! Même si ça marche sous Firefox c'est pas une raison pour coder comme un sagoin et utiliser des balises pas standard du tout comme <marquee> ou <blink> !
C'est rageant qu'à l'heure actuelle des gens codent encore "pour IE"...
Un vrai scroll comme il faut ce fait en Javascript comme ce script.
Bien joué miika.

signaler à un administrateur
Commentaire de wanou95b le 25/05/2009 21:09:02

D'abord tu as le droit de rester courtois AKEELA qui sait tout. Je te connais pas et je ne t'autorise pas à me traiter. Je sais pertinament que c'est une balise MSIE. Et puis tu devrais savoir Monsieur le codeur propre qui il existe des gens qui code exclusivement pour IE, et qui utilise l'outillage prévu à cet effet, même si cela te semble "rageant". En quoi cela te regarde ? Tu as quel age pour te permettre ce genre de reflexion. Je suppose que tu es un petit jeune, encore tout frais sorti des jupes de Maman et qui se permet de faire du jugement de valeur, alors qu'il n'a rien prouvé dans la vie !! Alors tes leçons de moral, tu te les range bien au chaud STP !!

signaler à un administrateur
Commentaire de Akeela le 25/05/2009 23:53:25

Je sais pas si tu t'en rend compte, mais le petit rigolo de service c'est toi. Un gars poste un script de scroll en Javascript et toi tu te ramène à faire le beau en sous-entendant que ça sert à rien car il existe déjà <marquee>. C'est plutôt toi qui est un petit jeune qui à rien pané à la vie. Si toi tu code que pour IE, je suis bien content que tu est du temps à perdre, mais dans ces cas là, la ramène pas avec des choses inutiles comme ton commentaire avec <marquee> sur un site de Javascript.

signaler à un administrateur
Commentaire de tijo2035 le 26/05/2009 00:11:45

Pouvez-vous régler vos problème en privé s'il-vous-plaie, c'est quelque peux dérangeant pour les personnes qui lisent les commentaires.

Merci.

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 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 ! 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 javascript et formulaire [ par CHABRY ] Bonjour, je me demande comment puis-je déterminer un par un les noms de chapms de saisie d'un formulaire car je pense construire un fichier .js qui s Précharger animation & images [ par onesky ] Bonsoir a tous! Je cherche depuis quelque jours comment fair pour pr&#233;charger un site avec des animation flash et des images. Enfaite j'aimerais q Javascript et rrdtool [ par gaston_gaston ] Bonjour,J'ai une page html o&#249; je voudrais cr&#233;er&nbsp;un boutons qui permet d'afficher un graphe (en utilisant rrdtool). (le graphe n'est aff Vacances :et si j'allais en Javascript ou en php? [ par durand2504 ] Bonjour &#224; tous, je veux cr&#233;er un site web pour une asso avec quelques fonctionnalit&#233; qui feront qu'il ne peux &#234;tre juste en HTML. problèmes d'impression [ par billy21121 ] Bonjour a tous, Je voudrais simplement un petit renseignement &#224; propos des impressions en javascript. Est il possible de forcer les propri&#233;t


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

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

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,484 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é.