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">&nbsp;<?=$vv['buy_name']?></td>
              <td width="157">&nbsp;<?=str_replace(substr($vv['buy_tel'],4,-2),'****',$vv['buy_tel'])?></td>
               </tr>
             </table>
           </li>
                    <?
    }
   }
  ?>
       
            
      
         </ul>
       </div>
    <div id="demo2"></div>

时间: 2024-08-01 16:10:42

js 文字不停向上滚动代码的相关文章

js 文字间隙向上滚动效果代码

国家 汇率 今日汇率 美元USD ŀ.775% 港币HKD ŀ.75% 英镑GBP ŀ.50% 欧元EUR ŀ.25% 日元JPY ŀ.01%

js文本不断向上滚动代码

该特效代码完全兼容IE, FF, Opera, 其它的还未经测试-- 网页教学网收集整理,希望大家多提意见 该特效代码完全兼容IE, FF, Opera, 其它的还未经测试-- 网页教学网收集整理,希望大家多提意见 该特效代码完全兼容IE, FF, Opera, 其它的还未经测试-- 网页教学网收集整理,希望大家多提意见 该特效代码完全兼容IE, FF, Opera, 其它的还未经测试-- 网页教学网收集整理,希望大家多提意见 该特效代码完全兼容IE, FF, Opera, 其它的还未经测试--

jQuery插件实现文字无缝向上滚动效果代码_jquery

本文实例讲述了jQuery插件实现文字无缝向上滚动效果代码.分享给大家供大家参考,具体如下: 此插件旨在实现目前较为流行的无缝向上滚动特效,当鼠标移动到文字上时,向上滚动会停止,当鼠标离开时,向上滚动继续.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

js文字向上滚动代码

提示:您可以先修改部分代码再运行 js文字向上滚动代码 CGWR <武林至尊>游戏评测 <武林至尊>没有依照任何名著来搭建自己的世界观,而是通过 设计员自己的脑子,想出了一个完美的剧情.虽比不了仙剑奇侠 传的剧情经典,但也堪称引人入胜.再加上独有的部分特色,所 以吸引了众多武侠迷进入了游戏. 17173<武林至尊>试玩视频 <武林至尊>是一款华丽3D锁视角武侠网游巅峰巨作,真实再现 了万千华人梦想中的武侠世界.它秉承纯正的中国武侠文化,彻 底摒弃传统网游的职

简单javascript文字向上滚动代码

 <!-start-><DIV id=marqueey> <table width="476"  border="0" cellspacing="0" cellpadding="0">   <!-start->   <!-list->   <tr >     <td width="22" align="center&qu

三款文字向上滚动代码

<title>三款文字向上滚动代码</title> <style type=text/css教程> #divascontainer {  clip: rect(0px 320px 120px 0px); height: 120px; left: 10px; overflow: hidden; position: absolute; top: 10px; visibility: hidden; width: 250px } #divascontent {  left: 0

jQuery实现单行文字间歇向上滚动源代码_jquery

使用jQuery实现单行文字间歇向上滚动 效果网址:http://www.keleyi.com/keleyi/phtml/textscroll.htm 本效果加强版:http://www.keleyi.com/a/bjac/532bedbffca1affa.htm 主要增加了光标悬停效果 以下是源代码: 复制代码 代码如下: <script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/j

如何用js实现鼠标向上滚动时浮动导航_javascript技巧

为什么会有这个需求呢?有没有发现在国外的一些网站,当你向上滚动时,导航条浮动在顶部位置.用户如果是想看内容就可以直接点击到达,省去很多拖动的时间,当然返回顶部也是比较容易.但有时候返回顶部这个按钮往往被人忽略了.下面一起来看看代码和演示(引入jQuery 1.9). 判断鼠标向上滚动,或者向下滚动,可以通过对比用户的上一次滚动的坐标和下一次的坐标,当上一次小于下一次时,即用户在向下滚动,反之,则说明用户在向上滚动.滚动的坐标值可以取窗口的scrollTop. HTML代码示例 <div id=&qu

三款文字不间断滚动代码

<div id="marquees"> <!-- 这些是字幕的内容,你可以任意定义 --> <a href="#">链接1</a> <br> <a href="#">链接2</a> <br> <a href="#">链接3</a> <br> <a href="#">