js文字无缝滚动
<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">孙君洲 </td><td>1人</td><td> --06到</td><td class="xdd"><font color="#FF0000">新订单</font></td></tr><tr><td class="ykxm">冀先生 </td><td>12人</td><td> --25到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">李璐婵 </td><td>3人</td><td> --10到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">徐澜 </td><td>2人</td><td> --26到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">周益毅 </td><td>2人</td><td> --27到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">林思颖 </td><td>2人</td><td> --24到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">赵志礼 </td><td>3人</td><td> --30到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">郑朝海 </td><td>3人</td><td> --22到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">黄生 </td><td>3人</td><td> --22到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">蒲先生 </td><td>5人</td><td> --01到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">杨虞 </td><td>4人</td><td> --22到</td><td class="ycldd"><font color="#009900">已确认</font></td></tr><tr><td class="ykxm">恽小姐 </td><td>3人</td><td> --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文字无缝滚动的更多相关文章
- js文字向上滚动代码
js文字向上滚动代码 <style>.pczt_pingfen_jhxs_news1{ width:397px; background:#edfafd; padding-top:2px; ...
- JS运动 - 无缝滚动和缓动动画
JS运动 - 无缝滚动和缓动动画 无缝滚动原理:首先先复制两张图片(第一张和第二张)放到最后面;ul绝对定位,如果ul的left值大于等于4张图片的宽度,就应该快速复原为0. html <!DO ...
- scrollLeft的相关问题(js横向无缝滚动)
<div id="demo"> <div id="innerdemo"> <div id="demo1"> ...
- js图片无缝滚动代码
想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦.下面说一下这个相对简单的实现思路:一 ...
- 一个文字无缝滚动的jQuery插件
直接上代码吧 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www. ...
- JS 实现无缝滚动动画原理(初学者入)
这段时间在教培训班的学生使用原生javascript实现无缝滚动的动画案例,做了这个原理演示的动画,分享给自学JS的朋友!博主希望对你们有帮助! 在讲解之前先看一下demo: demo:https:/ ...
- JS平滑无缝滚动实现———实现首页广告自动滚动效果(附实例)
本文我们实现纯JS方式的滚动广告效果. 先show一下成品: 首先是网页样式: 1. #demo { 2. background: #FFF; 3. overflow:hidden; 4. borde ...
- html js文字左右滚动插件
自己写过很多插件,但都是直接嵌入在了工程里,从来没有拿出来单独封装成一个文件过,这是第一次,希望是一个良好的开端. 一个文字过长而可以左右滚动的插件 <!DOCTYPE html> < ...
- js 图片无缝滚动
html部分 <div id="roll"> <a href="javascript:void(0)" class="prev&qu ...
随机推荐
- angularjs实战
1.指令 transclude 保留原来的内容 replace 去掉<my-directive>指令 <script src="http://apps.bdimg.com ...
- 2-04使用SQL语句创建数据库
下面是创建数据库的一些语法: USE master--指向当前使用的数据库 GO--批处理的标志 CREATE DATABASE E_Market--创建E_market数据库 ON PRMARY-- ...
- Linux系统安装及初始化(ubuntu14.04)
Windows 7下硬盘安装Ubuntu 14.04图文教程 Ubuntu 官方已经发布了正式版的 Ubuntu 14.04 LTS,并宣称这是为云计算准备的版本.该版本在云平台和伸缩环境的可靠性.性 ...
- Unity2D 之 Sprite点击事件
以下方法纯属我YY,切勿当真!!! 给 Sprite添加点击事件步骤: 1. 创建一个 Sprite 2. 给Sprite添加一个 Box Collider 2D 3. 将如果脚本放到Sprite上: ...
- LoadRunner参数化之数据取值和更新方式
其实看LR已经很久了,每次看到参数化的取值更新时,都没有看透,了解个大概就为止了,也确实挺搞脑子的. 现在理解下来 分成2部分 取值方式 Select next row 如何从数据列表中取值 Seq ...
- RabbitMQ常用命令
创建一个用户为mytest,密码为mytest rabbitmqctl add_user mytest mytest 删除一个用户 rabbitmqctl delete_user username ...
- SpringMVC解析1-使用示例
Spring MVC分离了控制器.模型对象.分派器以及处理程序对象的角色,这种分离让它们更容易进行定制.Spring的MVC是基于servlet功能实现的,通过实现Servlet接口的Dispatch ...
- HDU 3068 回文串-Manacher
题意链接:http://acm.hdu.edu.cn/showproblem.php?pid=3068 题意:中文题. 思路:Manacher模板题 #include<iostream> ...
- Fzu月赛11 老S的旅行计划 dij
Description 老S在某城市生活的非常不自在,想趁着ICPC举办期间在省内转转.已知老S所在的省有N个城市,M条无向边(对于某一对结点可能出现重边).由于省内的交通相当糟糕,通过某条边所需要花 ...
- 转 : 用Delphi编写安装程序
http://www.okbase.net/doc/details/931 还没有亲自验证过,仅收藏 当你完成一个应用软件的开发后,那么你还需要为该软件做一个规范化的安装程序,这是程序设计的最后一步 ...