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

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

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

    歡迎光臨郝學(xué)武的blog。

    javascript滾動新聞代碼

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

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

    <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:整體循環(huán)上移

    <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滾動新聞代碼[未登錄]  回復(fù)  更多評論   

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

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

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

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

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

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

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

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

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

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

    2010-06-21 14:23 by 網(wǎng)友
    感謝

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

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

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

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

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

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

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


    網(wǎng)站導(dǎo)航:
     

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

    Copyright © 陜西BOY

    主站蜘蛛池模板: 美女黄色免费网站| 亚洲91精品麻豆国产系列在线| 久久亚洲AV成人无码国产电影| 猫咪社区免费资源在线观看| 亚洲欧洲日韩综合| 免费视频专区一国产盗摄| 亚洲免费福利视频| 岛国av无码免费无禁网站| 亚洲国产精品免费观看 | 91成人免费观看在线观看| 亚洲精品成a人在线观看| 国产亚洲精品仙踪林在线播放| 成人免费视频国产| 黄色一级毛片免费看| 国产AV无码专区亚洲AV漫画| 免费无码又爽又刺激网站直播| 无码专区—VA亚洲V天堂| 国产成人精品免费视| 亚洲欧美日韩一区二区三区在线| 在线免费视频一区| 免费又黄又爽又猛大片午夜| 久久亚洲精品无码播放| 四虎国产精品永久免费网址 | 日韩精品免费一线在线观看| 国产亚洲精品资在线| 最近最新高清免费中文字幕| 亚洲女人初试黑人巨高清| 麻豆成人精品国产免费| 一区免费在线观看| 78成人精品电影在线播放日韩精品电影一区亚洲 | 国产男女猛烈无遮挡免费网站| 一级毛片a免费播放王色电影| 亚洲精品无码MV在线观看| 久久精品毛片免费观看| 亚洲综合av一区二区三区不卡 | 四虎亚洲精品高清在线观看| 岛国大片免费在线观看| 真人无码作爱免费视频| 久久久久一级精品亚洲国产成人综合AV区| 好久久免费视频高清| 亚洲中文无码卡通动漫野外|