Español
<div id="marquees"> <!-- Estos son el contenido de los subtítulos, puedes definirlos arbitrariamente--> <a href="#">Enlace 1</a> <br> <a href=" #"> Enlace 2</a> <br> <a href="#">Enlace 3</a> <br> <a href="#">Enlace 4</a> <br> <!-- Fin del contenido del subtítulo --> </div> <!-- El siguiente es el código javascript --> <script language="javascript"> <!-- marqueesHeight=200 //La altura del área de contenido se detienescroll=; false; //Esta variable controla si se debe detener el desplazamiento with(marquees){ noWrap=true; //El área de contenido de esta tabla no se ajusta automáticamente style.width=0 //Así que podemos establecer su ancho en 0, porque así será. ser estirado style.height=marqueesHeight ; style.overflowY="hidden"; //La barra de desplazamiento es invisible onmouseover=new Function("stopscroll=true"); //El mouse pasa y deja de desplazarse onmouseout=new Function("stopscroll) =false"); //El mouse sale y comienza a desplazarse} //En este momento, no se puede leer la altura del área de contenido. Lo siguiente genera una capa invisible "templayer" y luego copia el contenido en ella: document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden">< / div>'); function init(){ //Inicializa el contenido de desplazamiento //Copia el contenido original a "templayer" varias veces hasta que la altura de "templayer" sea mayor que la altura del área de contenido: while(templayer.offsetHeight< marqueesHeight){ templayer. internalHTML+=marquees.innerHTML; } //Copia "dos veces" el contenido de "templayer" al área de contenido original: marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; call "scrollUp()" Barra de desplazamiento controlada por función: setInterval("scrollUp()",20); document.body.onload=init; preTop=0; la función final scrollUp(){ // Función de conducción de la barra de desplazamiento if(stopscroll==true) return; // Si la variable "stopscroll" es verdadera, deje de desplazarse preTop=marquees.scrollTop // Registre la posición de la barra de desplazamiento antes de desplazarse; marquees.scrollTop+=1; //Desplazar Mueve la barra hacia abajo un píxel //Si la barra de desplazamiento no se mueve, desplázate hacia arriba hasta la misma posición que la pantalla actual //Por supuesto, no solo eso, sino también desplázate hacia abajo un píxel ( +1): if(preTop==marquees .scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;