<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>滚动显示</title>
</head>
<body>
<div class="tj_nav_text">
<div id=demo style="overflow:hidden; width:100px; height:235px;border:1px solid #b4c6d2">
<div id=demo1>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxxa</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxxa</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxxa</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
</div>
<div id=demo2>
</div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
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>
</div>
</body>
</html>
分享到:
相关推荐
最近在做android 的MP3播放的项目,要实现歌词的自动滚动,以及同步显示。 lyric的歌词解析主要用yoyoplayer里面的,
qt滚动文本demo,可以无缝切换显示文本,文本颜色,背景颜色
基于C51单片机设计的LCD1602滚动显示的DEMO软件例程源码 #include typedef unsigned char uint8; typedef unsigned int uint16; sbit rs=P2^6; sbit rw=P2^5; sbit e=P2^7; uint8 a[16]="perchin designed"; uint8 b...
亲测,自上而下的循环显示的文字滚动的。
showItems: 10, //显示内容的条数。 animation: 'fade', //动画效果,默认是fade,淡出。 mousePause: true, //鼠标移动到内容上是否暂停滚动,默认为true。 height: 235, //滚动内容的高度。 direction: 'up' ...
Android端仿实现美团、饿了么购物车效果demo,并本地存储相关数据
此资源包含数字滚动显示(纯数字滚动显示 以及 图片数字背景滚动显示,文件名:demo_dataScroll),倒计时插件(图片倒计时 jquery-jCountdown-datetime),以及多个倒计时效果(countDownMore),其他两个简易滚动...
android版本 滚动五线谱 完整 demo,解析mid文件,显示五线谱,播放时候滚动五线谱,可以拉伸,观看五线谱。
1.歌词与歌曲播放同步 2.歌词无缝滚动 3.支持手指上下滑动改变歌曲播放进度
有很多地方需要用横向的滑动来show处image等信息。此demo可以显示横向滚动的只有一个image的Gridview。根据自己的需要可以对内容修改。 《动态加载》
另外本demo做了屏幕适配工作,在绝大多数屏幕上显示效果是一样的。 本demo通过在andriod studio编译器里可以直接编译运行。 使用说明:设备根目录下建立AdBank文件夹,该文件夹下要求三个子文件夹 1)Video文件夹...
js javascript 显示隐藏滚动条 隐藏滚动条 显示滚动条,可以动态的改变,这样有利于控制用户操作。而且这个小小的demo里面获得body或者Element对象的方法也是很特别的。或者说是有意思。
1.有关实时曲线简单生成 2.C# Chart控件应用 3.简单Demo,适合初学者
用mfc写的一个歌词滚动的demo,显示结果类似于baidu的歌曲试听的歌词滚动效果。可以用rar压缩包中release里的exe,先观看效果。 这个略微简陋的demo本来是应电视台要求而准备的简单效果演示,后来最终设计的时候把...
Qt小控制台字体滚动效果,沙师弟专栏Demo,更多请访问:http://blog.csdn.net/u014597198
android版本 滚动五线谱 完整 demo,解析mid文件,显示五线谱,播放时候滚动五线谱
android 输入法键盘弹出与否判断和输入法键盘弹出时将界面滚动到指定位置demo
日常生活中,我们经常使用滚动的字幕来显示效长的文字,比如滚动新闻字幕,歌词等。Android系统为了用户提供了TextView的跑马灯的效果,实现起来比较简单,这方面网上资料很多,不懂的同学可以百度搜一搜。然而,...
该工具能让数字显示的时候具有动态的递增效果,可以设置速度data-speed即可,引用简单,下载工具包,有详细demo