So verwenden Sie die Laufschrift, um das Scrollen von Text nach links und rechts in HTML zu realisieren-HTML-Tutorial-php.cn

So verwenden Sie die Laufschrift, um das Scrollen von Text nach links und rechts in HTML zu realisieren

php中世界最好的语言

Freigeben： 2018-02-01 09:54:06

Original

2775 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie mit der Laufschrift in HTML nach links und rechts scrollen. Was sind die Vorsichtsmaßnahmen für die Verwendung der Laufschrift, um in HTML nach links und rechts zu scrollen? Werfen wir einen Blick darauf.

<BODY>
//借助于marquee
<MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100">
<SPAN unselectable="on">这里是要滚动的内容</SPAN>
</MARQUEE>
//普通的实现方法
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;">
<span>这里是要滚动的内容</span>
</DIV>
<script language="javascript" type="text/javascript">
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//当滚动条到达右边顶端时
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval("scroll(document.getElementById(&#39;scrollobj&#39;))",20);
</script>
</BODY>

Nach dem Login kopieren

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So implementieren Sie ein Eingabe-Dropdown-Menü in HTML

Die neuen Einheiten vw, vh , vmin von CSS3, wie man vmax verwendet

So lösen Sie das Problem, wenn die Berechnung von CSS3 berechnet wird, wenn weniger kompiliert wird

So verwenden Sie WebGL von H5. Realisieren Sie Roaming-Animationen eines virtuellen 3D-Computerraums

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Laufschrift, um das Scrollen von Text nach links und rechts in HTML zu realisieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!