当前位置:编程学习 > JS >>

js 文字不停向上滚动代码

js 文字不停向上滚动代码

<script type="text/网页特效">
                                        <!--
                                        var speed=30; //数字越大速度越慢
                                        var tab=document.getelementbyid("demo");
                                        var tab1=document.getelementbyid("demo1");
                                        var tab2=document.getelementbyid("demo2");
                                        tab2.innerhtml=tab1.innerhtml; //克隆demo1为demo2
                                        function marquee(){
                                            if(tab.scrollheight-tab.scrolltop<=tab.offsetheight)//当滚动至demo1与demo2交界时
                                                tab.scrolltop-=tab1.offsetheight //demo跳到最顶端
                                            else{
                                                tab.scrolltop++;
                                            }
                                        }
                                        var mymar=setinterval(marquee,speed);
                                        tab.onmouseo教程ver=function() {clearinterval(mymar)};//鼠标移上时清除定时器达到滚动停止的目的
                                        tab.onmouseout=function() {mymar=setinterval(marquee,speed)};//鼠标移开时重设定时器
                                        <!-- -->
                                    </script>


html

 <div id="demo1">
      <ul >
     <?
   $db = new db();
   $sql ="select buy_tel,buy_name from tugou where type='jhzsky' limit 100";
   $query = $db->query( $sql );
   if( $db->rows( $query ) )
   {
    $row = $db->fetch( $query,0);
    foreach( $row as $v => $vv )
    {
     ?>
                     <li class="ctlist">
          <table width="310" border="0" cellspacing="0" cellpadding="0" align="left">
            <tr>
              <td width="71"> <?=$vv['buy_name']?></td>
              <td width="157"> <?=str_replace(substr($vv['buy_tel'],4,-2),'****',$vv['buy_tel'])?></td>
               </tr>
             </table>
           </li>
                    <?
    }
   }
  ?>
       
            
      
         </ul>
       </div>
    <div id="demo2"></div>

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,