Français
<div id="marquees"> <!-- Ce sont le contenu des sous-titres, vous pouvez les définir arbitrairement--> <a href="#">Lien 1</a> <br> <a href=" #"> Lien 2</a> <br> <a href="#">Lien 3</a> <br> <a href="#">Lien 4</a> <br> <!-- Fin du contenu des sous-titres --> </div> <!-- Voici le code javascript --> <script language="javascript"> <!-- marqueesHeight=200; //La hauteur de la zone de contenu stopsscroll= false; //Cette variable contrôle s'il faut arrêter le défilement avec (marquees){ noWrap=true; //Cette zone de contenu de table ne s'enroule pas automatiquement style.width=0; //Nous pouvons donc définir sa largeur sur 0, car elle le fera. être étiré style.height=marqueesHeight ; style.overflowY="hidden"; //La barre de défilement est invisible onmouseover=new Function("stopscroll=true"); //La souris passe et arrête le défilement onmouseout=new Function("stopscroll =false"); //La souris quitte, commence le défilement} //À ce stade, la hauteur de la zone de contenu ne peut pas être lue. Ce qui suit génère un calque invisible "templayer", puis y copie le contenu : document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden">< / div>'); function init(){ //Initialiser le contenu défilant //Copiez le contenu original dans "templayer" plusieurs fois jusqu'à ce que la hauteur de "templayer" soit supérieure à la hauteur de la zone de contenu : while(templayer.offsetHeight< marqueesHeight){ templayer. innerHTML+=marquees.innerHTML; } // Copiez "deux fois" le contenu de "templayer" dans la zone de contenu d'origine : marquees.innerHTML=templayer.innerHTML+templayer.innerHTML ; appelez "scrollUp()" Barre de défilement pilotée par la fonction : setInterval("scrollUp()",20); } document.body.onload=init; //Cette variable est utilisée pour déterminer si la barre de défilement a atteint la fonction de fin scrollUp(){ //Fonction de pilotage de la barre de défilement if(stopscroll==true) return; //Si la variable "stopscroll" est vraie, arrêtez le défilement preTop=marquees.scrollTop; //Enregistrez la position de la barre de défilement avant de faire défiler marquees.scrollTop+=1; //Déplacer la barre vers le bas d'un pixel //Si la barre de défilement ne bouge pas, faites défiler vers le haut jusqu'à la même position que l'écran actuel //Bien sûr, non seulement cela, mais faites également défiler vers le bas d'un pixel ( +1) : if(preTop==marquees .scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1 } } --> </script>