Heim > Artikel > Web-Frontend > So verwenden Sie die Laufschrift, um das Scrollen von Text nach links und rechts in HTML zu realisieren
So verwenden Sie die Laufschrift, um das Scrollen von Text nach links und rechts in HTML zu realisieren
- php中世界最好的语言Original
- 2018-02-01 09:54:062716Durchsuche
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('scrollobj'))",20);
</script>
</BODY>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!