<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<table width="90%" cellspacing="" cellpadding="" border="" align="center"><tbody><tr><td class="ykxm">孙君洲&nbsp;</td><td>1人</td><td>&nbsp;--06到</td><td class="xdd"><font color="#FF0000">新订单</font></td></tr><tr><td class="ykxm">冀先生&nbsp;</td><td>12人</td><td>&nbsp;--25到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">李璐婵&nbsp;</td><td>3人</td><td>&nbsp;--10到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">徐澜&nbsp;</td><td>2人</td><td>&nbsp;--26到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">周益毅&nbsp;</td><td>2人</td><td>&nbsp;--27到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">林思颖&nbsp;</td><td>2人</td><td>&nbsp;--24到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">赵志礼&nbsp;</td><td>3人</td><td>&nbsp;--30到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">郑朝海&nbsp;</td><td>3人</td><td>&nbsp;--22到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">黄生&nbsp;</td><td>3人</td><td>&nbsp;--22到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">蒲先生&nbsp;</td><td>5人</td><td>&nbsp;--01到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">杨虞&nbsp;</td><td>4人</td><td>&nbsp;--22到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">恽小姐&nbsp;</td><td>3人</td><td>&nbsp;--21到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr></tbody></table>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

js文字无缝滚动的更多相关文章

  1. js文字向上滚动代码

    js文字向上滚动代码 <style>.pczt_pingfen_jhxs_news1{ width:397px;  background:#edfafd; padding-top:2px; ...

  2. JS运动 - 无缝滚动和缓动动画

    JS运动 - 无缝滚动和缓动动画 无缝滚动原理:首先先复制两张图片(第一张和第二张)放到最后面;ul绝对定位,如果ul的left值大于等于4张图片的宽度,就应该快速复原为0. html <!DO ...

  3. scrollLeft的相关问题(js横向无缝滚动)

    <div id="demo"> <div id="innerdemo"> <div id="demo1"> ...

  4. js图片无缝滚动代码

    想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦.下面说一下这个相对简单的实现思路:一 ...

  5. 一个文字无缝滚动的jQuery插件

    直接上代码吧 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www. ...

  6. JS 实现无缝滚动动画原理(初学者入)

    这段时间在教培训班的学生使用原生javascript实现无缝滚动的动画案例,做了这个原理演示的动画,分享给自学JS的朋友!博主希望对你们有帮助! 在讲解之前先看一下demo: demo:https:/ ...

  7. JS平滑无缝滚动实现———实现首页广告自动滚动效果(附实例)

    本文我们实现纯JS方式的滚动广告效果. 先show一下成品: 首先是网页样式: 1. #demo { 2. background: #FFF; 3. overflow:hidden; 4. borde ...

  8. html js文字左右滚动插件

    自己写过很多插件,但都是直接嵌入在了工程里,从来没有拿出来单独封装成一个文件过,这是第一次,希望是一个良好的开端. 一个文字过长而可以左右滚动的插件 <!DOCTYPE html> < ...

  9. js 图片无缝滚动

    html部分 <div id="roll"> <a href="javascript:void(0)" class="prev&qu ...

随机推荐

  1. 中断处理流程,ok6410

    中断处理流程 CPU在工作的过程中,经常需要与外设进行交互,交互的方式包括”轮询方式”,”中断方式”. 1.轮询方式: CPU不断地查询设备的状态.该方式实现比较简单,但CPU利用率很低,不适合多任务 ...

  2. 推荐一些顶级的Android开发书籍(转)

    本帖对Android开发菜鸟和中级老兵同样适用,因为本帖重点列出了那些最常用的Android开发资源. 推荐书籍 你或许觉得,都现在了,再去看个什么书来学习Android开发,这方法应该早就过时了.没 ...

  3. 在Eclipse中用图形界面的方式获取Salesforce中Object的Query语句

    对Salesforce中的Object进行相应的Query是必不可少的操作,大家可以去这个链接去看看官网的解读  http://docs.database.com/dbcom/en-us/db_sos ...

  4. ObCallback回调钩子检测

    ObCallback回调钩子检测 2013-12-20 Nie.Meining Ring0 在 PatchGuard 的摧残下,通过 ObRegisterCallbacks 函数注册回调钩子已经成了 ...

  5. IM服务器的架构

    一. 总的构架结构示意图: 如上图所示,目前系统总的分成六个模块, 分别为网络/协议解析模块,用户帐号管理模块,消息处理模块,动作处理模块,数据均衡处理模块,客户状态处理模块 . 正常流程应该这么实现 ...

  6. (转载)如何借助KeePassX在Linux上管理多个密码

    转自:http://netsecurity.51cto.com/art/201311/417764.htm 如今,基于密码的身份验证在网上非常普遍,结果你恐怕数不清自己到底在使用多少个密码.实际上,据 ...

  7. 廖雪峰js教程笔记 2

    arguments JavaScript还有一个免费赠送的关键字arguments,它只在函数内部起作用,并且永远指向当前函数的调用者传入的所有参数.arguments类似Array但它不是一个Arr ...

  8. POJ 3349 HASH

    题目链接:http://poj.org/problem?id=3349 题意:你可能听说话世界上没有两片相同的雪花,我们定义一个雪花有6个瓣,如果存在有2个雪花相同[雪花是环形的,所以相同可以是旋转过 ...

  9. css -- 布局元素

    默认情况下拥有布局的元素:HTML ,table,tr,td,img,hr,input,select,textarea,button,iframe,embed,object,applet,marque ...

  10. linux TCP Wrappers

    1. TCP Wrapper简介 (出处:http://www.softpanorama.org/Net/Network_security/TCP_wrappers/) (维基百科)TCP Wrapp ...