begin process at 2010 03 22 14:03:46
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > SCROLLER HORIZONTAL ++ EN JAVASCRIPT

SCROLLER HORIZONTAL ++ EN JAVASCRIPT


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Classé sous :scroller, horizontal, javascript, animation Niveau :Initié Date de création :14/02/2007 Vu / téléchargé :18 538 / 2 690

Auteur : miika

Ecrire un message privé
Commentaire sur cette source (11)
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

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 de la même categorie

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0 par xloadx
Source avec Zip MOOLOUPE - EFFET DE LOUPE VIA LE FRAMEWORK MOOTOOLS par Miky76
Source avec Zip MOOTOOLTIP par Miky76
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN... par xloadx

 Sources en rapport avec celle ci

HTML_ENTITIES_DECODE par zen69
DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
Source avec Zip AJOUTEZ UNE ANIMATION À VOTRE PAGE WEB par zaydan
Source avec Zip ANIMATION DE TEXTES par abdelaziz_info
Source avec Zip ANIMATION EN JAVA SCRIPT par abdelaziz_info

Commentaires et avis

Commentaire de blueangel le 23/07/2007 11:31:40

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

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

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 !

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>

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

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 ?

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.

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

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.

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.

Commentaire de Makdoom le 27/01/2010 02:38:03

toujours pas de soluce pour le pb avec doctype ?

 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 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 ! 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 défilement horizontal en javascript ? [ par jeanmorelle ] Salut, à propos du défilement horizontal de ce site http://inside.nile.ru/#years-2008/ (lorsque vous placer votre souris sur le site à dr 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 SOS cherche galerie javascript pour mon futur site personnel [ par alfatango1 ] Bonjour à tous, Je suis nouveau sur le forum. Permettez-moi de saluer l'ensemble de la communauté du forum. Je cherche depuis plusieurs jours un sit séquencer en javascript [ par metal76 ] bonjour , j'ai réaliser une page de test pour pouvoir regarder du multicast je vous envoie le code HTML/javascript de cette page donc je voudrais en 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


Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

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

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales