<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 閱讀(9130) 評論(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

    主站蜘蛛池模板: 亚洲一区在线观看视频| 91天堂素人精品系列全集亚洲| 亚洲人成777在线播放| 91福利免费视频| 久久精品国产亚洲AV麻豆不卡 | 中文字幕免费在线看电影大全| 免费va在线观看| 美女尿口扒开图片免费| 国产伦精品一区二区三区免费下载 | 黄网站色在线视频免费观看| 91情国产l精品国产亚洲区| 亚洲一区免费视频| 亚洲综合久久1区2区3区| 在线永久免费的视频草莓| 亚洲av成人一区二区三区| 毛片免费在线播放| 亚洲AV色无码乱码在线观看| 啊v在线免费观看| 中文字幕免费观看视频| 亚洲免费在线播放| 中文字幕无码成人免费视频| 欧洲亚洲国产精华液| 亚洲午夜无码AV毛片久久| 大地资源网高清在线观看免费| 久久久亚洲精品无码| 91手机看片国产永久免费| 亚洲乱码av中文一区二区| 亚洲欧洲中文日韩久久AV乱码| 日韩免费电影网址| 国产精品亚洲专区在线观看| 国产免费AV片无码永久免费| 在线看片免费人成视频播| 亚洲a级在线观看| 亚洲不卡无码av中文字幕| a级成人免费毛片完整版| 亚洲精品电影天堂网| 国产成人免费全部网站| 精品久久久久久国产免费了| 亚洲综合无码一区二区三区| 免费jjzz在在线播放国产| 色猫咪免费人成网站在线观看|