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 ...
随机推荐
- IOS 100 - 1 开工闲聊
1 前言 现在的行情,作为码农,ios 普遍比c# 的待遇好上不少.感觉就如清洁工人,扫厕所干的再高效和干净,一个月就那么点微薄的收入.当然你可以选择去香港打扫卫生间,那里的行情据说清洁工也破万了.说 ...
- php随机生成验证码
我们经常需要服务器向前端发送验证码,验证码需要随机产生,下面的用简单的代码实现了这一过程: <?php $pool='0123456789abcdefghijklmnopqrstuvwxyzAB ...
- Shell拆分大文件
需求:由于文件过大,不方便进行相关的操作,需要将其拆分成大小小于500000B,即488.28125k的文件.同时,为了保证文件的可读性,行内不可以分割,同时,由于内容是块状可读,按照日期进行分割的, ...
- HTML5头部标签备忘
DOCTYPE DOCTYPE(Document Type),该声明位于文档中最前面的位置,处于html 标签之前,此标签告知浏览器文档使用哪种HTML 或者XHTML 规范. 推荐使用HTML5 推 ...
- [Liferay6.2]Liferay入门级portlet开发示例
什么是Portlet 来自百度百科(http://baike.baidu.com/view/58961.htm)的定义如下: portlet是基于java的web组件,处理request并产生动态内容 ...
- 使用android ProgressBar和Toast生成一个界面
首先我需要这样一个界面 这个界面是在使用AudioManager.adjustStreamVolume(int streamType, int direction, int flags)显示出来的,记 ...
- Linux学习笔记(5)Linux常用命令之文件搜索命令
(1)find find命令用于文件搜索,所在路径/bin/find,其语法格式为: find [搜索范围] [匹配条件] 1)-name:根据文件名搜索,如搜索/etc下的init文件 [root@ ...
- 【微信Java开发 --番外篇】错误解析
虽然在微信开发过程中,会有微信公众平台开发者文档中的<全局返回码>作为错误的参考对比:但是依旧的,会觉得有时候的问题莫名其妙.[注:本人使用weixin-java-tools进行开发] 下 ...
- mysql replace into用法与坑
需要主键一致 PRIMARY KEY (id) PRIMARY KEY (id, ts) 坑: https://blog.xupeng.me/2013/10/11/mysql-replace-into ...
- json 入门(1)
1.JSONObject介绍 JSONObject-lib包是一个beans,collections,maps,Java arrays和xml和JSON互相转换的包. 2.下载jar包 http:// ...