最近想实现在垂直方向上滚动字幕,并切实现字幕的无缝连接
即在屏幕的指定区域,嵌入一段很长的文字,文字由下向上滚动,当滚 动到最末一行,首行立即紧跟着最末一行出来,与最末一行同时在一 个屏幕内滚动。
里面可以加图片,还可加链接
<div id=demo style=overflow:hidden;height:70;width:400>
<div id=demo1>
<a href='' target='_blank'>这是滚动第1行</a><br>
这是滚动第2行<br>
这是滚动第3行<br>
这是滚动第4行<br>
这是滚动第5行<br>
这是滚动第6行<br>
这是滚动第7行<br>
这是滚动第8行<br>
</div>
<div id=demo2></div>
</div>
<script>
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>
分享到:
相关推荐
一款由HTML5 CSS3技术打造的图片滚动展示效果,亮点是这款图片滚动可以水平和垂直方向交叉滚动,也就是可以左右滚动,也可以上下滚动,而最为中心的图片可左右成组、也可上下成组,中间图片的算法可能是个难点。
感觉网上找到的关于垂直滚动字幕的代码基本就3个版本,而且实现起来还有很多问题,此代码能够实现字幕平滑的上下滚动,相对效果要好一点吧
从CStatic派生一个CSinusFrame类,实现水平滚动、垂直滚动、正弦波形曲线滚动,其中,滚动速度、滚动文本及其字体都可以设置
VC++静态(Static)控制实现滚动字幕,包括3个例子,分别为水平滚动、垂直滚动和曲线滚动;背景和字体颜色可分别设定。
本文实例讲述了Android TextView实现垂直滚动效果的方法。分享给大家供大家参考,具体如下: 在TextView中,如果文本很长,可能需要实现垂直滚动显示文本的效果。这里需要在XML布局文件中为TextView设置如下几个属性...
简单的垂直滚动自定义view
垂直滚动的textview,继承自TextSwitcher,复制可用 ,可根据自己的需求增加相关内容
日常生活中,我们经常使用滚动的字幕来显示效长的文字,比如滚动新闻...然而,此类跑马灯效果僵硬,功能单一,并且无法实现垂直滚动的效果,在实际应用中可定制性差,因此,通过一天的努力,不才在此做了个滚动字幕Demo
2. 支持文字水平滚动和文字垂直滚动。 3. 鼠标左键拖动字幕内容;Ctrl + 鼠标左键拖动窗口位置。 4. 可以设置滚动速度(滚动时间间隔)和每次滚动点数。 5. 可以自由设置默认字体,并可在字幕文件中设置各种不同的...
垂直方向滚动ViewPager。layout之间的垂直方向,水平方向切换。下载后直接导入运行即可。
jquery插件实现的垂直向上逐条滚动新闻列表页面。
iOS 垂直方向跑马灯 循环滚动 多处高亮显示
android垂直字幕滚动,类似音乐播放器字幕效果,字幕水平变色,垂直滚动
水平,垂直的滚动字幕:(可设置属性:点击暂停,水平垂直,速度,次数,文字内容,文字颜色,文字大小等。。。)
RecyclerView实现垂直自动无限滚动,类似于中奖信息,跑马灯-JAVA版实现 提供一种思路,实现的方法可根据自己的需求进行修改
用DELPHI实现的垂直滚动字幕,背景是半透明的,字体是不透明的,字体也实现了平滑效果
jquery实现中奖名单循环垂直滚动 jquery实现中奖名单循环垂直滚动 jquery实现中奖名单循环垂直滚动 jquery实现中奖名单循环垂直滚动
在c++中创建的对话框中控件上的字幕滚动效果
自定义view实现垂直gallery滚动,字体渐变缩放
iOS端实现垂直方向拖动的滑杆(Slider),Slider的外观类似垂直滚动条。