<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. Java Hour 65 [译] Java 6.0 说明

    原文可爱的地址: http://www.javabeat.net/introduction-to-java-6-0-new-features-part-i/ 该文字2007年的,现在估计老掉牙了,但是 ...

  2. PHP5中使用PDO连接数据库的方法

    PDO(PHP Data Object) 是PHP 中加入的东西,是PHP 5新加入的一个重大功能,因为在PHP 5以前的php4/php3都是一堆的数据库扩展来跟各个数据库的连接和处理,php_my ...

  3. hdu 4389 数位dp

    求区间内满足x%fx==0的数的个数,fx为该数各个位数上的数字之和Sample Input21 1011 20 Sample OutputCase 1: 10Case 2: 3 大小不是你想开,想开 ...

  4. AIX下禁止crs随ha启动而启动

    /etc/init.crs enable /etc/init.crs disable 查看目前crs是enable还是disable状态 状态记录在一个文本文件里  /etc/oracle/scls_ ...

  5. csc.rsp Invent by Microshaoft

    # This file contains command-line options that the C# # command line compiler (CSC) will process as ...

  6. hdu 5833 Zhu and 772002 高斯消元

    Zhu and 772002 Problem Description Zhu and 772002 are both good at math. One day, Zhu wants to test ...

  7. Linux学习笔记(12)用户和用户组管理

    越是对服务器安全性要求高的服务器,越需要建立合理的用户权限等级制度和服务器操作规范.在Linux中主要是通过用户配置文件来查看和修改用户信息. 1 用户信息文件 (1)用户信息文件/etc/passw ...

  8. 对于JSP的调试

    在eclipse中调试JSP 我换了图片但是网页中的图片却不变化 我删了工程里的图片还是没用 看了一下Tomcat根目录..貌似也是没有的.. 最后我考虑换了HTML中图片的名字..并且更改了替换的图 ...

  9. Intel CPU MMX SSE SSE2/3/4指令集手册下载URL

    在线查看的网址: https://software.intel.com/sites/landingpage/IntrinsicsGuide/ Intel® 64 and IA-32 Architect ...

  10. 静态局部变量、静态全局变量、extern全局变量、自动变量 札记

    静态局部变量 静态局部变量. 从称呼上我们可以看出,静态局部变量首先是一个局部变量,因此其只在定义它的函数内有效,冠以静态的头衔后,其生存期就被延长了,不会随着函数的返回而被撤销.我们可以这样来理解: ...