Cuando se trata de un desplazamiento intermitente y continuo de noticias en una página, el método más común es copiar y agregar el contenido del área de desplazamiento, y luego controlar y juzgar el desplazamiento superior del bloque de desplazamiento para lograr el efecto de parada de desplazamiento.
De hecho, en muchos casos es más fácil lograr un desplazamiento continuo e intermitente a través de las operaciones de los nodos.
El código es el siguiente:
<script idioma="javascript" tipo="texto/javascript">
ventana.onload=función(){
var o=document.getElementById('caja');
ventana.setInterval(function(){scrollup(o,24,0);},3000);
}
/// Método principal de desplazamiento
///Parámetro:o objeto de bloque de desplazamiento
///Parámetro: d La altura de cada desplazamiento.
///Parámetro: c altura de desplazamiento actual
función de desplazamiento hacia arriba (o,d,c){
si(d==c){
var t=getFirstChild(o.firstChild).cloneNode(true);
o.removeChild(getFirstChild(o.firstChild));
o.appendChild(t);
t.style.marginTop="0px";
}demás{
c+=2;
getFirstChild(o.firstChild).style.marginTop=-c+"px";
ventana.setTimeout(function(){scrollup(o,d,c)},20);
}
}
//Resuelve el problema de que los espacios y los retornos de carro se utilizarán como nodos en Firefox
función getFirstChild(nodo){
mientras (nodo.tiponodo!=1)
{
nodo=nodo.nextSibling;
}
nodo de retorno;
}
</script>
<ul id="caja">
<li>· Xinhua Daily Telegraph: Los derechos de autor de la música son como "una bola de cáñamo" </li>
<li>· Modern Express: ¿Pueden los humanos casarse con robots y tener hijos? </li>
<li>·Global: América, la quiebra de un club multimillonario</li>
<li>· Modern Express: Para silenciar a Ni Zhen de los medios, quería vender las cartas de amor de Li Jiaxin</li>
<li>· Beijing Times: El cohete hecho por estudiantes de la Universidad de Aeronáutica y Astronáutica de Beijing asciende al cielo</li>
</ul>
Efecto:
ejecutar código
<tipo de estilo="texto/css">
<!--
*{ margen:0px; relleno:0px;}
#box{ancho:300px; alto:24px;desbordamiento:oculto; tamaño de fuente:12px;
#box li{ estilo de lista: ninguno; altura de línea: 24px;}
-->
</estilo>
<script idioma="javascript" tipo="texto/javascript">
ventana.onload=función(){
var o=document.getElementById('caja');
ventana.setInterval(function(){scrollup(o,24,0);},3000);
}
función de desplazamiento hacia arriba (o,d,c){
si(d==c){
var t=getFirstChild(o.firstChild).cloneNode(true);
o.removeChild(getFirstChild(o.firstChild));
o.appendChild(t);
t.style.marginTop="0px";
}demás{
c+=2;
getFirstChild(o.firstChild).style.marginTop=-c+"px";
ventana.setTimeout(function(){scrollup(o,d,c)},20);
}
}
función getFirstChild(nodo){
mientras (nodo.tiponodo!=1)
{
nodo=nodo.nextSibling;
}
nodo de retorno;
}
</script>
<ul id="caja">
<li>· Xinhua Daily Telegraph: Los derechos de autor de la música son como "una bola de cáñamo" </li>
<li>· Modern Express: ¿Pueden los humanos casarse con robots y tener hijos? </li>
<li>·Global: América, la quiebra de un club multimillonario</li>
<li>· Modern Express: Para silenciar a Ni Zhen de los medios, quería vender las cartas de amor de Li Jiaxin</li>
<li>· Beijing Times: El cohete hecho por estudiantes de la Universidad de Aeronáutica y Astronáutica de Beijing asciende al cielo</li>
</ul>