begin process at 2012 02 09 20:05:44
  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é :25 364 / 3 385

Auteur : miika

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

Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip ROTATION D'UNE IMAGE, ANIMATION par william voirol
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 ?

Commentaire de vincerolf le 09/03/2011 15:29:10

Bonjour,

Comment fait-on pour positionner le "module" en bas de page par exemple ?

Commentaire de vincerolf le 09/03/2011 19:33:24

C'est bon j'ai trouvé, j'ai modifier après 'position:relative' et ajouter....
//conteneur

document.write('<div id="layer'+this.name+'" style="position:relative;top:120px;right:200px;overflow:hidden;background-color:#'+this.initBg+';border:1px solid white;width:'+this.widthB+'px;height:'+this.heightB+'px;" onMouseover="'+this.name+'.scrollLoop(0)"

Commentaire de fozeufr le 25/04/2011 08:23:15

Bonjour Milka, ton script le le trouve très bien car j'étais dans le besoin et je réfléchissait comment le faire.
Cependant, est-il possible de passer un tableau contenant plusieurs éléments à faire défiler comme paramètre?

peut-on supprimer le vide qui se crée entre les défilements successifs?

Merci bien!

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


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

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

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