Código de página web: buscando un código de subtítulo continuo que pueda pausarse a intervalos
Nuevo método para JS desplazar el texto de los subtítulos
Creo que todos han visto varios desplazamientos (el más utilizado es para actualizaciones de noticias), generalmente siempre que no sea una imagen, son todo hecho usando el propio HTML, que proporciona una muy buena marca de desplazamiento: marquesina (este efecto también se puede lograr usando JS, por supuesto, eso no significa que las imágenes no puedan hacer eso);
Los siguientes son algunos parámetros básicos de marquee:
El formato de sintaxis de esta etiqueta es el siguiente:
A continuación se explica el significado de cada parámetro:
align: establece el Posición de los subtítulos activos, además de las tres posiciones de izquierda, centro y derecha, se agregan dos posiciones adicionales: superior e inferior.
Bgcolor: se utiliza para establecer el color de fondo de los subtítulos activos. Puede utilizar palabras en inglés o números hexadecimales.
Dirección: se utiliza para establecer la dirección de desplazamiento de los subtítulos activos a izquierda (izquierda), derecha (derecha), arriba (arriba) y abajo (abajo).
Comportamiento: se utiliza para configurar el método de desplazamiento, principalmente de tres maneras:
comportamiento="scroll" significa desplazarse de un extremo al otro; ="slide": significa deslizarse rápidamente de un extremo al otro sin repetir;
conductual="alternate" significa desplazarse hacia adelante y hacia atrás entre los dos extremos.
Altura: se utiliza para establecer la altura de los subtítulos rodantes.
Ancho: Establece el ancho de los subtítulos rodantes.
Hspace y vspace: se utilizan para establecer el ancho de los bordes izquierdo y derecho y los bordes superior e inferior de los subtítulos móviles respectivamente.
Scrollamount: se utiliza para establecer la distancia de desplazamiento de los subtítulos activos. Cuanto menor sea el número, más rápida será la velocidad de desplazamiento.
scrolldelay: se utiliza para establecer el tiempo de retraso entre el desplazamiento dos veces. Cuanto menor sea el valor, menor será el intervalo.
Bucle: se utiliza para establecer el número de desplazamiento. Cuando el bucle = -1, significa desplazarse hasta que se actualiza la página. El valor predeterminado es desplazarse hacia la izquierda infinitas veces, la altura de los subtítulos es la altura del texto: el ancho del desplazamiento horizontal es el ancho de la posición actual; la altura del desplazamiento vertical es la altura; de la posición actual.
Lo que vamos a introducir ahora es un nuevo tipo de desplazamiento, que utiliza el método JS para desplazar los subtítulos: hacia arriba, con una pausa de uno o dos segundos en el medio (como el clásico): p>
Simplemente pegue el siguiente código donde desee que aparezca. Lo anterior ha brindado una introducción general al método de desplazamiento del sitio web.
Puedes ver el efecto específico: ejecuta el cuadro de código
var marqueeContent=new Array() //Definir una matriz para almacenar el mostrar contenido
marqueeContent[0]='Actualizar la lista más reciente';
marqueeContent [1]='Sesenta últimas actualizaciones del sitio';
marqueeContent[2]='Tutorial para crear efectos de plumas';
marqueeContent[3]='MySQL&ASP';
marqueeContent[4]='Comprensión inicial de CSS3';< / p>
marqueeContent[5]='Fireworks MX 2004 realiza operaciones del panel';
marqueeContent [6]='Relleno degradado de contorno de Fireworks MX 2004';
marqueeContent[7]='< A href=/photo/gallery/2003/873.asp target=_blank>Flores en una botella';
marqueeContent[8]='Fireworks MX implementa el efecto de pestañas';
marqueeContent[9]='Parejas : La atmósfera de amor en blanco y negro';
marqueeContent[10]='Crea un estilo MAC Logotipo de Apple';
marqueeContent[11]='Producción de cáscara de huevo y síntesis de caracteres';
var marqueeInterval=new Array(); //Definir algunas variables comunes y de uso frecuente
var marqueeId=0;
var marqueeDelay=4000; p>
var marqueeHeight=16;
//El siguiente paso es la definición uno
Algunas funciones a utilizar
Array.prototype.random=function() {
var a=this;
var l=a.length;
p>
for(var i=0;i var r=Math.floor(Math.random()*(l-i)); a=a.slice(0,r).concat(a.slice(r+1)).concat(a[r]); } return a ; } función initMarquee() { marqueeContent=marqueeContent.random(); var str='';< / p> for(var i=0;i document.write('
marqueeId+=2;
if( marqueeContent .length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
función reinitMarquee() {
js_scroll_content . src='scroll_content2.js';
marqueeContent=marqueeContent.random();
var str='';
for(var i=0 ; i
marqueeBox.childNodes[(marqueeBox.childNodes . length==1?0:1)].innerHTML=str;
marqueeId=2;
}
función startMarquee() {
var str='';
for(var i=0;(i<3)&&(marqueeId+i str+ =(i>0?' ':'')+marqueeContent[marqueeId+i]; } marqueeId+=3; if(marqueeId > marquesinaContenido.leng th)marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0 ].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } función scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1 ]); } } initMarquee();