html怎么借助marquee完成文字左右滾動
發表時間:2024-05-05 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這次給大家帶來html怎樣借助marquee實現文字左右滾動,html借助marquee實現文字左右滾動的注意事項有哪些,下面就是實戰案例,一起來看一下。<BODY>//借助于marquee<MARQUEE behavior="scroll" contente...
這次給大家帶來html怎樣借助marquee實現文字左右滾動,html借助marquee實現文字左右滾動的
注意事項有哪些,下面就是實戰案例,一起來看一下。
<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>
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
html怎么實現可輸入的下拉菜單
css3的新單位vw、vh、vmin、vmax應該如何使用
css3的calc在less編譯時如果被計算應該如何解決
怎樣用H5的WebGL實現3D虛擬機房的漫游動畫
以上就是html怎樣借助marquee實現文字左右滾動的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。