js實現文字字幕滾動


    <div class="dggd_r" id="h" style="height:400px;overflow:hidden;display:inline;float:left;">
                <ul id="h1">
                    <li><a href="#">SD卡雷鋒精神的路口附近?</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近?真愛嗎? </a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近?</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近?? </a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近?細節決定成敗 </a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近?</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近?</a></li>
                    <li><a href="#">你單身的主要原因?</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近?? </a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷鋒精神的路口附近?</a></li>
                </ul>
                <ul id="h2"></ul>
            </div>
            <script type="text/javascript">
                var speed=40;
                var h2=document.getElementById("h2");
                var h1=document.getElementById("h1");
                var h=document.getElementById("h");
                h2.innerHTML=h1.innerHTML;
                function Marquee(){
                    if(h2.offsetTop-h.scrollTop<=0){
                        h.scrollTop-=h1.offsetHeight;
                    }                    
                    else{
                    h.scrollTop++;
                    }
                }
                var MyMar=setInterval(Marquee,speed);
                h.onmouseover=function() {clearInterval(MyMar)}
                h.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
        </script>

功能的實現只需這些代碼即可 ,當然如果不行,就是div的高度有問題。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM