html如何借助marquee實現文字左右滾動

今天小編給大家分享一下html如何借助marquee實現文字左右滾動的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

成都創新互聯是專業的衡南網站建設公司，衡南接單;提供成都網站設計、網站建設,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行衡南網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

<BODY>

//借助于marquee

<MARQUEEbehavior="scroll"contenteditable="true"onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;"scrollamount="3"width="100">

<SPANunselectable="on">這里是要滾動的內容</SPAN>

</MARQUEE>

//普通的實現方法

<DIVid="scrollobj"style="white-space:nowrap;overflow:hidden;width:500px;">

<span>這里是要滾動的內容</span>

</DIV>

<scriptlanguage="javascript"type="text/javascript">

functionscroll(obj){

vartmp=(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>

以上就是“html如何借助marquee實現文字左右滾動”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創新互聯行業資訊頻道。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画