彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 学会党委 > 简单javascript文字向上滚动代码

简单javascript文字向上滚动代码

发布时间:2019-09-02 04:19编辑:学会党委浏览(160)

    简单javascript文字向上滚动代码

     <!-start-><DIV id=marqueey>

    <table width="476"  border="0" cellspacing="0" cellpadding="0">

      <!-start->

      <!-list->

      <tr >

        <td width="22" align="center"><img  src="images/items.gif" width="16" height="14"></td>

        <td height="19" width="450"><a href="" class="tList" target="" >文字向上滚动代码</a> <font class=fonts></font></td>

      </tr>

      <tr>

        <td colspan=2 background="images/line.gif" height=3></td>

      </tr>

      <!-list->

      <!-end->

    </table>

    </DIV><SCRIPT language=JavaScript>

    marqueeyHeight=140;      //定义高度

    stopscroll=false; 

    with(marqueey){

          style.width=0;

         style.height=marqueeyHeight;

          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<marqueeyHeight){

             templayer.innerHTML+=marqueey.innerHTML;

          }

          marqueey.innerHTML=templayer.innerHTML+templayer.innerHTML;

         setInterval("scrollUp()",40);      //www.111cn.net滚动速度控制,越大越慢

    }

    document.body.onload=init;

    function scrollUp(){

         if(stopscroll==true) return;

          preTop=marqueey.scrollTop;

         marqueey.scrollTop+=1;

          if(preTop==marqueey.scrollTop){

             marqueey.scrollTop=templayer.offsetHeight-marqueeyHeight;

              marqueey.scrollTop+=1;

          }

    }

    </SCRIPT>

    <!-end-></td>

     </tr>

    </table>

    !-start-DIV id=marqueey table width=476 border=0 cellspacing=0 cellpadding=0 !-start- !-list- tr td width=22 align=centerimg src=images/ite...

    javascript文字垂直滚动代码,javascript文字滚动

    javascript文字垂直滚动代码:

    垂直滚动代码大多用于网站的新闻公告或者友情链接还有图片展示之类的功能结构,下面就介绍一个上下垂直滚动的新闻类的代码。

    代码实例如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="http://www.51texiao.cn/" />
    <title>蚂蚁部落</title>
    <style> 
    a { 
      display:block; 
      font-size:15px; 
      line-height:18px; 
      text-decoration:none; 
      color:#333; 
      font-family:Arial; 
      font-size:12px; 
    } 
    .main{ 
      background:no-repeat 4px 5px; 
      border:1px solid #aaa; 
      width:400px; 
      padding:3px 2px 2px 20px; 
    } 
    #thediv{ 
      height:36px; 
      overflow:hidden; 
    } 
    </style>
    <script type="text/javascript">
    var c, _ = Function;
    window.onload=function(){ 
      with (o = document.getElementById("thediv")){ 
        innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0");
       } 
      (F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g,"o.scrollTop")))(); 
    }
    </script>  
    </head> 
    <body> 
    <div class="main"> 
    <div id="thediv"> 
      <a>蚂蚁部落欢迎您</a> 
      <a>只有奋斗才会有好的结果</a> 
      <a>高手都是从菜鸟成长而来</a> 
      <a>太阳马上就要出来了</a> 
      </div> 
    </div> 
    </body> 
    </html>
    

    以上代码实现了我们想要的效果,文字可以有间歇性的上下滚动。

    原文地址是:

    最为原始地址是:

    javascript文字垂直滚动代码: 垂直滚动代码大多用于网站的新闻公告或者友情链接还有图片展示...

    本文由彩世界平台发布于学会党委,转载请注明出处:简单javascript文字向上滚动代码

    关键词:

上一篇:jQuery获取选中内容及设置元素属性的方法

下一篇:没有了