<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

    主站蜘蛛池模板: 日本亚洲精品色婷婷在线影院 | 免费A级毛片无码A∨中文字幕下载| 日本无卡码免费一区二区三区| 亚洲国产91在线| 啦啦啦中文在线观看电视剧免费版| 91天堂素人精品系列全集亚洲| a级毛片在线免费| 国产亚洲AV无码AV男人的天堂| a级男女仿爱免费视频| 亚洲成a人片在线观看无码专区| 女人体1963午夜免费视频| 亚洲AV无码成人网站久久精品大 | 日本人的色道www免费一区| AV激情亚洲男人的天堂国语| 午夜亚洲国产成人不卡在线| 国产精品免费久久| 久久精品夜色国产亚洲av| 亚洲一级免费毛片| 亚洲人成色777777精品| 免费人成无码大片在线观看| 91视频精品全国免费观看| 亚洲综合一区二区| 成在线人永久免费视频播放| 香蕉免费看一区二区三区| 亚洲精品视频在线观看免费| 成人免费无码大片a毛片| 一级特级aaaa毛片免费观看 | 99久久亚洲综合精品成人网| 91香蕉成人免费网站| MM1313亚洲精品无码久久| 亚洲线精品一区二区三区影音先锋| 3d成人免费动漫在线观看| 精品韩国亚洲av无码不卡区| 亚洲精品无码久久一线| 国产香蕉九九久久精品免费| aa在线免费观看| avtt天堂网手机版亚洲| 亚洲国产人成精品| 成人黄色免费网址| 国产精品免费久久久久久久久| 精品日韩99亚洲的在线发布 |