Beim intermittierenden nahtlosen Scrollen von Nachrichten auf einer Seite besteht die häufigste Methode darin, den Inhalt des Scroll-Bereichs zu kopieren und anzuhängen und dann den scrollTop des Scroll-Blocks zu steuern und zu beurteilen, um den Scroll-Stopp-Effekt zu erzielen.
Tatsächlich ist es in vielen Fällen einfacher, einen intermittierenden, nahtlosen Bildlauf durch Knotenoperationen zu erreichen.
Der Code lautet wie folgt:
<script language="javascript" type="text/javascript">
window.onload=function(){
var o=document.getElementById('box');
window.setInterval(function(){scrollup(o,24,0);},3000);
}
///Hauptmethode scrollen
///Parameter:o Bildlaufblockobjekt
///Parameter: d Die Höhe jeder Schriftrolle
///Parameter: c aktuelle Scrollhöhe
Funktion scrollup(o,d,c){
if(d==c){
var t=getFirstChild(o.firstChild).cloneNode(true);
o.removeChild(getFirstChild(o.firstChild));
o.appendChild(t);
t.style.marginTop="0px";
}anders{
c+=2;
getFirstChild(o.firstChild).style.marginTop=-c+"px";
window.setTimeout(function(){scrollup(o,d,c)},20);
}
}
//Lösen Sie das Problem, dass Leerzeichen und Wagenrückläufe als Knoten unter Firefox verwendet werden
Funktion getFirstChild(node){
while (node.nodeType!=1)
{
node=node.nextSibling;
}
Rückkehrknoten;
}
</script>
<ul id="box">
<li>· Xinhua Daily Telegraph: Urheberrechtsgebühren für Musik sind wie „ein Hanfball“ </li>
<li>· Modern Express: Können Menschen Roboter heiraten und Kinder bekommen?</li>
<li>·Global: Amerika, der Bankrott eines Milliardärsclubs</li>
<li>· Modern Express: Um Ni Zhen vor den Medien zum Schweigen zu bringen, wollte er Li Jiaxins Liebesbriefe verkaufen</li>
<li>· Beijing Times: Die selbstgebaute Rakete der Studenten der Beijing University of Aeronautics and Astronautics steigt in den Himmel</li>
</ul>
Wirkung:
Code ausführen
<style type="text/css">
<!--
*{ margin:0px; padding:0px;}
#box{width:300px; height:24px;overflow:hidden; background:#efefef;}
#box li{ list-style:none; line-height:24px;}
->
</style>
<script language="javascript" type="text/javascript">
window.onload=function(){
var o=document.getElementById('box');
window.setInterval(function(){scrollup(o,24,0);},3000);
}
Funktion scrollup(o,d,c){
if(d==c){
var t=getFirstChild(o.firstChild).cloneNode(true);
o.removeChild(getFirstChild(o.firstChild));
o.appendChild(t);
t.style.marginTop="0px";
}anders{
c+=2;
getFirstChild(o.firstChild).style.marginTop=-c+"px";
window.setTimeout(function(){scrollup(o,d,c)},20);
}
}
Funktion getFirstChild(node){
while (node.nodeType!=1)
{
node=node.nextSibling;
}
Rückkehrknoten;
}
</script>
<ul id="box">
<li>· Xinhua Daily Telegraph: Urheberrechtsgebühren für Musik sind wie „ein Hanfball“ </li>
<li>· Modern Express: Können Menschen Roboter heiraten und Kinder bekommen?</li>
<li>·Global: Amerika, der Bankrott eines Milliardärsclubs</li>
<li>· Modern Express: Um Ni Zhen vor den Medien zum Schweigen zu bringen, wollte er Li Jiaxins Liebesbriefe verkaufen</li>
<li>· Beijing Times: Die selbstgebaute Rakete der Studenten der Beijing University of Aeronautics and Astronautics steigt in den Himmel</li>
</ul>