<marqueeid= "marquee"class="marquee"direction="up"hspace="10"scrolldelay="250"onmouseover="this.stop();"onmouseout="this.start();"> the news bla bla bla </marquee> <script langage="javascript"> function arreter(){ marquee.stop(); setTimeout("demarrer()",3000); } function demarrer(){ marquee.start(); setTimeout("arreter()",3000); } </script> onload ="demarrer()">>
setTimeout peut règler un peu le problème, sauf que, comment définir le temps ou la news doit s'arrêter sans que le text ne soit pas coupé ?
pour mieux comprendre, j'ai mis le script dans une page en ligne, voici ce que ca donne: http://www.bourki.123.fr/downtoup.htm
j'aimerais afficher news par news, et que la news se place au centre du cadre bleu, y'a-t-il un moyen pour définir la zone au le text doit se placer sachant que la hauteur de chaque news est différente... Merci Infiniment
<html> <head> </head> > <script language= "JavaScript1.2"> ejs_scroll_largeur = 200; ejs_scroll_hauteur = 200; ejs_scroll_bgcolor = '#ffffff'; ejs_scroll_background = ""; ejs_scroll_pause_seconde = 3; n = 0 var time = "" news = ["1ère news","2ème news","3ème news","4ème news","5ème news"] function d(texte) { document.write(texte); } d(' +ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';">'); d(' +(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0'+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">'); d(' id =ejs_scroller_1 onmouseover= "pause()" onmouseout="ejs_scroll_action()" style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll> 1ère news'); d(' id=ejs_scroller_2 onmouseover="pause()" onmouseout="ejs_scroll_action()" style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll> 2ème news'); d(''); ejs_scroll_mode =1; ejs_scroll_actuel = 0; function ejs_scroll_start() { if(ejs_scroll_mode == 1) { ejs_scroller_haut = "ejs_scroller_1"; ejs_scroller_bas = "ejs_scroller_2"; ejs_scroll_mode = 0; } else { ejs_scroller_bas = "ejs_scroller_1"; ejs_scroller_haut = "ejs_scroller_2"; ejs_scroll_mode = 1; } ejs_scroll_nb_message = news.length-1; if (document.getElementById) n++ document.getElementById(ejs_scroller_bas).innerHTML = news[n]; ejs_scroll_top = 0; if (n 4){n -1} if (document.getElementById) time = setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000) } function ejs_scroll_action() { ejs_scroll_top -= 1; document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top; document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur; if ((ejs_scroll_top+ejs_scroll_hauteur)>0) time = setTimeout("ejs_scroll_action()",10) else ejs_scroll_stop() } function ejs_scroll_stop() { ejs_scroll_actuel = 0; ejs_scroll_start() } function pause(){ clearTimeout(time) } window.onload = ejs_scroll_start; </SCRIPT> </table> > </html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question<script language= "JavaScript1.2"> ejs_scroll_hauteur = 200; //la position de la news dans la page ejs_scroll_pause_seconde = 3; n = 0 var time = "" news = ["1ère news","2ème news","3ème news","4ème news","5ème news"]//les news à afficher document.write(' >'); document.write(' 4;left:4;">'); document.write(' id=ejs_scroller_1 onmouseover="pause()" onmouseout="ejs_scroll_action()" style="position:absolute;left:0;top:0;"> 1ère news'); document.write(' id=ejs_scroller_2 onmouseover="pause()" onmouseout="ejs_scroll_action()" style="position:absolute;left:0;top:'+ejs_scroll_hauteur+';"> 2ème news'); document.write(''); ejs_scroll_mode =1; ejs_scroll_actuel = 0; function ejs_scroll_start() { if(ejs_scroll_mode == 1) { ejs_scroller_haut = "ejs_scroller_1"; //le div qui defile ejs_scroller_bas = "ejs_scroller_2"; //le div caché ejs_scroll_mode = 0; } else { ejs_scroller_bas = "ejs_scroller_1"; ejs_scroller_haut = "ejs_scroller_2"; ejs_scroll_mode = 1; } if (document.getElementById) n++ document.getElementById(ejs_scroller_bas).innerHTML = news[n]; //on met la news dans le div ejs_scroll_top = 0; //la variable de la position du div if (n 4){n -1} if (document.getElementById) time = setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000) } function ejs_scroll_action() { ejs_scroll_top--; document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top; //on change la position du div document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur; if ((ejs_scroll_top+ejs_scroll_hauteur)>0) time = setTimeout("ejs_scroll_action()",10) else ejs_scroll_stop() } function ejs_scroll_stop() { ejs_scroll_actuel = 0; ejs_scroll_start() } function pause(){ clearTimeout(time)//arreter le defilement des news } </SCRIPT> onload ="ejs_scroll_start()">>