html借助marquee實現(xiàn)文字左右滾動

字號： 小 中 大


    代碼如下:
    <BODY>
    //借助于marquee
    <MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100">
    <SPAN unselectable="on">這里是要滾動的內(nèi)容</SPAN>
    </MARQUEE>
    //普通的實現(xiàn)方法
    <DIV id="scrollobj">
    <span>這里是要滾動的內(nèi)容</span>
    </DIV>
    <script language="javascript" type="text/javascript">
    function scroll(obj) {
    var tmp = (obj.scrollLeft)++;
    //當滾動條到達右邊頂端時
    if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
    //當滾動條滾動了初始內(nèi)容的寬度時滾動條回到最左端
    if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
    }
    setInterval("scroll(document.getElementById('scrollobj'))",20);
    </script>
    </BODY>