JavaScript字幕滚动效果

其中要注意的：overflow:hidden，否则会全部显示，达不到效果。

使用时可以对ul.scrollTop >= 195这一句的数字进行设置。达到平滑过渡的作用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <ul id="scroll" style="overflow:hidden;height:100px;width:200px"> <li>滚动效果一</li> <li>滚动效果二</li> <li>滚动效果三</li> <li>滚动效果四</li> <li>滚动效果五</li> <li>滚动效果六</li> <li>滚动效果七</li> <li>滚动效果八</li> <li>滚动效果九</li> <li>滚动效果十</li> <li>滚动效果一</li> <li>滚动效果二</li> <li>滚动效果三</li> <li>滚动效果四</li> <li>滚动效果五</li> <li>滚动效果六</li> <li>滚动效果七</li> <li>滚动效果八</li> <li>滚动效果九</li> <li>滚动效果十</li> </ul> <mce:script type="text/javascript"></mce:script> </div> </form> </body> </html>

转载于:https://www.cnblogs.com/Joyin/archive/2010/05/02/2262125.html

JavaScript字幕滚动效果相关推荐

字幕滚动c语言程序,MFC实现字幕滚动效果
本文实例为大家分享了MFC实现字幕滚动效果的具体代码,供大家参考,具体内容如下 1.创建对话框工程这一步很简单,可以参考我之前的博客.这里可以先放出我程序运行的效果图.如果不是你所需要的可以直接关闭 ...
使用css实现字幕滚动效果
使用css实现字幕滚动效果最近业务需要,让电子屏上面的横幅能够自动的滚动,但是用js加requireanimation实现的话感觉有点浪费,转念想到了用css 的animation似乎也能够实现大致 ...
VB6实现字幕滚动效果
VB6实现字幕滚动效果设置Timer1的Interval值,每隔Interval会执行一次Timer()过程 Private Sub Form_Load() '设置前进时间,单位是毫秒 Timer1 ...
html滚动效果代码,javascript 实现滚动效果代码整理
1.先写两个最常用最简洁的滚动代码代码如下: 水平滚动: 水平滚动字幕内容垂直滚动: 垂直滚动字内容 2.平稳不间断滚动 var tm=null function newsScroll() { v ...
多种方式实现字幕滚动效果
1.html5有marquee标签来直接实现字幕的滚动效果 <marquee direction=down scrolldelay="10" scrollamount=&q ...
制作一个广告字幕滚动效果的网页的心路历程
先看效果刚开始的需求是,制作一个类似电视广告字幕的效果,我没什么思路,后来看了字幕的实现方式,就是用css动画的移动实现,于是我开始了对这段动画的驾驭. 技术:万能的vue.js html5 css ...
Flash和margue字幕滚动效果
Flash具体用法: <!DOCTYPE html> <html><head><meta charset="utf-8"><t ...
字幕滚动效果---非常酷哦
演示:http://www.jscode.cn/jscode/code_330510427.htm http://www.jscode.cn/jave_text/330510427.htm
字幕滚动效果html,修改好的jquery滚动字幕效果实现代码
最终效果图源代码: function scroll_news(){ var $firstNode = $('#scroll-container li'); //得到 i的值列数 var iRow ...

JavaScript字幕滚动效果

JavaScript字幕滚动效果相关推荐

最新文章

热门文章