Bonjour
Je suis débutante en javascript et j'aurais aimé avoir un petit peu d'aide sur un morceau de code. Voilà mon objectif est de réaliser un texte défilant verticalement qui tourne en boucle. J'ai trouvé un morceau de code qui me convient compatible XHTML et avec Firefox et IE. Mais le problème est que le texte défilant repart dans le sens contraire de bas en haut et de haut en bas en boucle alors que je souhaite que ce texte défile en boucle de bas en haut.
Dans ce code j'arrive à modifier la vitesse , la forme CSS... mais pas le changement de sens. Si quelqu'un pouvait m'aider un peu pour me permettre de réaliser ce morceau de code javascript se serait sympas !
Merci d'avance
Page Html
Page JS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <div class="menu_deroulant" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval('texteDefile()', 50)"> <span id="menu_defile"> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar3') ) : ?> <?php endif; ?> </span> </div>
Page CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 var menu_defile;//l'élement a déplacer var pscrnt = 0;//position verticale de départ function texteDefile() { if (typeof this.sens == 'undefined') this.sens = 1; if(!menu_defile) menu_defile = document.getElementById('menu_defile'); if((pscrnt < -menu_defile.offsetHeight) || (pscrnt > 0)) this.sens *= -1; pscrnt += this.sens * 1;//sens * nb de pixel par déplacement vitesse de déplacement menu_defile.style.top = pscrnt+"px"; } var timer = setInterval("texteDefile()", 50);//délai de deplacement
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 .menu_deroulant { height: 10em; text-align: center; overflow: hidden; position: relative; } #menu_defile { position: relative; }
Partager