<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    歡迎光臨郝學武的blog。

    javascript滾動新聞代碼

    Posted on 2007-11-21 12:19 陜西BOY 閱讀(9136) 評論(9)  編輯  收藏

    我在這里列出兩種滾動模式:大家可以將代碼拷貝到本機,建立一個html文件,直接運行就可以了。
    1:一個一個的循環上移

    <style>a{display:block;font-size:15px};</style>
    <div id="div1" style="width:300px;height:68px;overflow:hidden">
    <a href="javascript:">1,我要賺錢,</a>
    <a href="javascript:">2,我要生活 </a>
    <a href="javascript:">3,我要買房,</a>
    <a href="javascript:">4,我要一切</a>
    <a href="javascript:">5,男人就要對自己狠點</a>
    </div>
    <script>
    var t=setInterval(myfunc,1000)
    var d=document.getElementById("div1")
    function myfunc(){
    var o=d.firstChild
    d.removeChild(o)
    d.appendChild(o)
    }
    d.onmouseover=function(){clearInterval(t)}
    d.onmouseout=function(){t=setInterval(myfunc,1000)}
    </script>


    2:整體循環上移

    <div id="marquees">
       <a href="#">新聞一</a><br>
       <br>
       <a href="#">新聞二</a><br>
       <br>
       <a href="#">新聞三</a><br>
       <br>
       <a href="#">新聞四</a><br>
       <br>
    </div>
    <script language="JavaScript">

    marqueesHeight=200;
    stopscroll=false;

    with(marquees){
       style.width=0;
       style.height=marqueesHeight;
       style.overflowX="visible";
       style.overflowY="hidden";
       noWrap=true;
       onmouseover=new Function("stopscroll=true");
       onmouseout=new Function("stopscroll=false");
    }
    document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

    preTop=0; currentTop=0;

    function init(){
       templayer.innerHTML="";
       while(templayer.offsetHeight<marqueesHeight){
         templayer.innerHTML+=marquees.innerHTML;
       }
       marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
       setInterval("scrollUp()",30);
    }
    document.body.onload=init;

    function scrollUp(){
       if(stopscroll==true) return;
       preTop=marquees.scrollTop;
       marquees.scrollTop+=1;
       if(preTop==marquees.scrollTop){
         marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
         marquees.scrollTop+=1;
       }
    }
    </script>

    Feedback

    # re: javascript滾動新聞代碼[未登錄]  回復  更多評論   

    2007-12-21 15:15 by 哈哈
    很好
    正是我需要的
    謝謝樓主

    # re: javascript滾動新聞代碼  回復  更多評論   

    2008-01-17 10:58 by fpplzw
    正是我需要的
    謝謝樓主

    # re: javascript滾動新聞代碼[未登錄]  回復  更多評論   

    2008-05-17 19:35 by aa
    謝謝,

    # re: javascript滾動新聞代碼  回復  更多評論   

    2008-10-16 16:44 by liang
    謝謝,我用了,很好.

    # re: javascript滾動新聞代碼  回復  更多評論   

    2009-11-22 00:42 by 放大
    太好了 正需要 謝謝了

    # re: javascript滾動新聞代碼  回復  更多評論   

    2010-06-21 14:23 by 網友
    感謝

    # re: javascript滾動新聞代碼  回復  更多評論   

    2010-08-13 10:40 by 畫畫公子
    怎么不能兼容Firefox?

    # re: javascript滾動新聞代碼[未登錄]  回復  更多評論   

    2011-07-06 15:23 by wolf
    代碼不錯,但是不兼容火狐,這是最大的缺陷!

    # re: javascript滾動新聞代碼  回復  更多評論   

    2011-10-24 16:22 by jiaju
    如果要求 內容少的時候不滾動怎么辦?

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    posts - 17, comments - 65, trackbacks - 0, articles - 28

    Copyright © 陜西BOY

    主站蜘蛛池模板: 99热在线免费播放| 野花香在线视频免费观看大全 | 亚洲国产成人超福利久久精品| 久久er国产精品免费观看8| 亚洲成?Ⅴ人在线观看无码| 免费的黄色的网站| 亚洲国产成人a精品不卡在线| 免费人妻精品一区二区三区| 日韩精品电影一区亚洲| 一级做a爱过程免费视频高清| 在线观看国产区亚洲一区成人| a级毛片无码免费真人久久| 精品无码一级毛片免费视频观看| 成人亚洲网站www在线观看 | 日韩国产精品亚洲а∨天堂免| a级精品九九九大片免费看| 精品国产亚洲一区二区三区| 久久国产乱子伦精品免费看| 久久精品国产亚洲77777| 一级黄色免费毛片| 日本亚洲成高清一区二区三区| 99久久精品国产免费| 亚洲av极品无码专区在线观看| 在线精品免费视频| 日韩在线观看免费| 女人被男人桶得好爽免费视频 | 亚洲欧美aⅴ在线资源| 久久久免费精品re6| 久久精品国产99国产精品亚洲| 日本高清色本免费现在观看| 亚洲毛片无码专区亚洲乱| 亚洲中文无码永久免费| 亚洲精品天天影视综合网| 色影音免费色资源| 国产亚洲蜜芽精品久久| 亚洲国产成人一区二区三区| 99无码人妻一区二区三区免费| 污污的视频在线免费观看| 久久精品亚洲综合一品| 永久免费AV无码网站在线观看| 久久性生大片免费观看性|