html借助marquee實(shí)現(xiàn)文字左右滾動(dòng)
發(fā)布時(shí)間：2014-08-24 09:10:33 作者：佚名 
我要評(píng)論
我要評(píng)論實(shí)現(xiàn)文字左右滾動(dòng)的方法有兩種，一是借助于marquee、二是普通的實(shí)現(xiàn)，兩種方法各有優(yōu)缺，看看測(cè)試下再做選擇
復(fù)制代碼
代碼如下:<BODY>
//借助于marquee
<MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100">
<SPAN unselectable="on">這里是要滾動(dòng)的內(nèi)容</SPAN>
</MARQUEE>
//普通的實(shí)現(xiàn)方法
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;">
<span>這里是要滾動(dòng)的內(nèi)容</span>
</DIV>
<script language="javascript" type="text/javascript">
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//當(dāng)滾動(dòng)條到達(dá)右邊頂端時(shí)
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//當(dāng)滾動(dòng)條滾動(dòng)了初始內(nèi)容的寬度時(shí)滾動(dòng)條回到最左端
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval("scroll(document.getElementById('scrollobj'))",20);
</script>
</BODY>
相關(guān)文章
HTML標(biāo)簽marquee實(shí)現(xiàn)滾動(dòng)效果的簡(jiǎn)單方法(必看)
下面小編就為大家?guī)?lái)一篇HTML標(biāo)簽marquee實(shí)現(xiàn)滾動(dòng)效果的簡(jiǎn)單方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉2016-09-19HTML標(biāo)簽marquee實(shí)現(xiàn)多種滾動(dòng)效果(無(wú)需JS控制)
本文給大家介紹使用html標(biāo)簽 - <marquee></marquee>可以實(shí)現(xiàn)多種滾動(dòng)效果，無(wú)需js控制，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-07-05- 這篇文章主要介紹了html marquee標(biāo)簽的使用，比較適合新手朋友，marquee的屬性比較多，本文通過(guò)示例為大家詳細(xì)展示2014-05-13
- 使用移動(dòng)屬性marquee，不僅僅可以舞動(dòng)你的文字，還可以應(yīng)用于圖片，表格等等2012-03-14
- HTML(Marquee字符片段滾動(dòng)),建議用js實(shí)現(xiàn)的代碼。因?yàn)榭梢詫?shí)現(xiàn)不間斷的滾動(dòng)。不過(guò)學(xué)習(xí)用用還是不錯(cuò)的。2009-10-29
- Marquee被W3C拋棄了。這句話(huà)其實(shí)這是錯(cuò)誤的，為什么呢，因?yàn)镸arquee從來(lái)都沒(méi)有被W3C視 為正式標(biāo)簽使用。2009-09-22
網(wǎng)頁(yè)HTML代碼：滾動(dòng)文字的制作
本節(jié)筆者講述HTML代碼中比較特殊的標(biāo)簽，它能使網(wǎng)頁(yè)中的文字滾動(dòng)，并且可以控制其滾動(dòng)的屬性。 制作滾動(dòng)文字 通過(guò)本章前面的學(xué)習(xí)，讀者已經(jīng)能夠很好地2009-04-02- 這篇文章主要介紹了詳解html中的marquee屬性的相關(guān)資料,需要的朋友可以參考下2017-02-06