当前特效：字幕滚动效果2
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312&&
&title&网页特效|/Js|---字幕滚动效果2&/title&
&style type=&text/css&&
{position: left:270 top:190}
#divDown {position: left:270 top:380}
#divScrollTextCont {position: left:270 top:220 width:300 height:150 clip:rect(0px 300px 150px 0px); overflow: visibility:}
#divText {position: left:0 top:0}
&br&&br&&br&&br&&br&&br&&br&&br&&br&
&script language=&JavaScript& type=&text/javascript&&
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf(&Opera 5&)&-1
this.ie5=(this.ver.indexOf(&MSIE 5&)&-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf(&MSIE 6&)&-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf(&Mac&)&-1
this.ns6=(this.dom && parseInt(this.ver) &= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
var bw=new lib_bwcheck()
/*****************
You set the width and height of the divs inside the style tag, you only have to
change the divScrollTextCont, Remember to set the clip the same as the width and height.
You can remove the divUp and divDown layers if you want.
This script should also work if you make the divScrollTextCont position:relative.
Then you should be able to place this inside a table or something. Just remember
that Netscape crash very easily with relative positioned divs and tables.
Updated with a fix for error if moving over layer before pageload.
****************/
//If you want it to move faster you can set this lower, it's the timeout:
var speed = 30
//Sets variables to keep track of what's happening
var loop, timer
//Object constructor
function makeObj(obj,nest){
nest=(!nest) ? &&:'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=goUp;this.down=goD
this.moveIt=moveIt; this.x=0; this.y=0;
this.obj = obj + &Object&
eval(this.obj + &=this&)
return this
// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?&&:&px&;
function moveIt(x,y){
this.x = x
this.y = y
this.css.left = this.x+px
this.css.top = this.y+px
//Makes the object go up
function goDown(move){
if (this.y&-this.scrollHeight+oCont.clipHeight){
this.moveIt(0,this.y-move)
if (loop) setTimeout(this.obj+&.down(&+move+&)&,speed)
//Makes the object go down
function goUp(move){
if (this.y&0){
this.moveIt(0,this.y-move)
if (loop) setTimeout(this.obj+&.up(&+move+&)&,speed)
//Calls the scrolling functions. Also checks whether the page is loaded or not.
function scroll(speed){
if (scrolltextLoaded){
if (speed&0) oScroll.down(speed)
else oScroll.up(speed)
//Stops the scrolling (called on mouseout)
function noScroll(){
loop = false
if (timer) clearTimeout(timer)
//Makes the object
var scrolltextLoaded = false
function scrolltextInit(){
oCont = new makeObj('divScrollTextCont')
oScroll = new makeObj('divText','divScrollTextCont')
oScroll.moveIt(0,0)
oCont.css.visibility = &visible&
scrolltextLoaded = true
//Call the init on page load if the browser is ok...
if (bw.bw) onload = scrolltextInit
&div id=&divUp&&
&a href=&#& onmouseover=&scroll(-2)& onmouseout=&noScroll()& onclick=&return false&&[慢速]&/a&
&a href=&#& onmouseover=&scroll(-7)& onmouseout=&noScroll()& onclick=&return false&&[中速]&/a&
&a href=&#& onmouseover=&scroll(-10)& onmouseout=&noScroll()& onclick=&return false&&[快速]&/a&
&div id=&divDown&&
&a href=&#& onmouseover=&scroll(2)& onmouseout=&noScroll()& onclick=&return false&&[慢速]&/a&
&a href=&#& onmouseover=&scroll(7)& onmouseout=&noScroll()& onclick=&return false&&[中速]&/a&
&a href=&#& onmouseover=&scroll(10)& onmouseout=&noScroll()& onclick=&return false&&[快速]&/a&
&div id=&divScrollTextCont&&
&div id=&divText&&
&p&新闻: &br&
米勒是一个关键性的球员，因为伤病而只在本赛季出场六次的小前锋奥多姆也同样是一个不可多得的天才。奥洛沃坎迪也是一个处在上升期的优秀球员，但是球队糟糕的战绩能否留住他可是一个大大的问号。理查德森、马格特、皮亚考斯基、贾里奇都是能够用的上的球员，还有投手的问题，快船糟糕的命中率不是他们缺乏投手造成的，可以信赖的中国球员王治郅在大部分时间里，都被金特里放在了板凳上。他有足够优秀的才能来为快船队出力，但是前提是金特里必须意识到这一点。
如果让我坦率地讲出我对这支球队目前的印象的话，可能会让金特里有些难受。快船队在进攻的时候热衷于单打独斗，在防守的时候又站位稀松，他们没有一丝一毫地成为金特里所说的“强大球队”的迹象。明白地说如果他们不立刻修补他们自己的窟窿的话，船会沉的。
如果金特里仍然梦想带领快船跻身季后赛的话，他就必须在剩下的比赛中取得28场以上的胜利。这个目标显然让更多的人相信，他们已经和季后赛说再见了，但是即使如此，对于这支年轻的球队来说，在未来的比赛当中表现出一支季后赛球队应该具备的水准仍然是十分必要的。因为这样他们至少还能拥有尊严。
在受伤的球员逐渐回归主力阵容之后，快船队在实力上显然已经具备了取得佳绩的条件，在这种情况下，主教练金特里能否正确地运用他的球队就成为了快船队能否前进的关键。
金特里首先要做的就是改进球队的防守，如果不能够限制住对手的得分，尤其遏制住对手的快攻，快船队要想取得理想的战绩就会变得十分的艰难。此外还有投手的问题，金特里必须解决，那些认为有一两个主力队员回归之后，得分就会大幅度增加的想法过于天真。金特里必须明白有太多的事情需要他去改变，如果他还有欲望去取得胜利。(飞鹰编译)Java程序 实现图形面板上的字幕滚动效果_百度知道
Java程序 实现图形面板上的字幕滚动效果
com/zhidao/wh%3D450%2C600/sign=cec3fd8b6baf71e3b8f809/2e2ebdde71191ef6&&&nbsp。3;cols = new int[totalCols];&nbsp。a)&nbsp,&&&&;&&/zhidao/wh%3D450%2C600/sign=abd0806bacbb95dc24cc/e7cd7b899e510fb30dc09d09dc33c895d0430c56;&创建一个MyJPanel对象.&nbsp://b.com/zhidao/pic/item/e7cd7b899e510fb30dc09d09dc33c895d0430c56.&&nbsp.hiphotos.& i &lt. FontMetrics metrics =&&nbsp，随后便可以获取字体在此图形上下文环境中字的尺寸了。代码如下;自定义一个继承自JPanel的类MyJP;&华文行楷&&滚滚长江东逝水&&&;&&&&&&nbsp.浪花淘尽英雄&&nbsp.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="&&&nbsp：int[]&&&nbsp.&nbsp, &&&几度夕阳红&一壶浊酒喜相逢&quot，表示两列间的间隙;&&&&&&&nbsp.&&&&&nbsp, F&&nbsp，在此方法内部完成诗句的绘制,&&nbsp.&;&nbsp.baidu.jpg" />1;&&是非成败转头空&quot.jpg" esrc="&&nbsp.&nbsp, &&&&白发渔樵江渚上& cols[i] = i * (wordGap+ wordWidth);&&&&&计算区域总列数.&&nbsp, &2.&&&nbsp.&nbsp.hiphotos://a;&nbsp，重写MyJPanel类的paintComponent方法.jpg" esrc="http://c;&&nbsp，用Jcomponent类的getGraphics()可以获得这个图形绘制对象（以下称之为画布）, &&&&&惯看秋月春风&青山依旧在&，cols用于保存每列的起始横坐标;&&&&G&.jpg" esrc="http。本部分功能在paintComponent方法中完成;&&&&nbsp.jpg" /><img class="ikqb_img" src="&&&定义成员变量sentences保存要诗词, &quot: String[] sentences = { &quot,canvas)。计算方法是用组件的总宽度去除以每个字的宽度与间隙和;;&&c)&&&nbsp.getWidth();&水&/zhidao/wh%3D450%2C600/sign=524650fffde7807fddbaa1cd1bccdfcc3cec2fd2cc8;&&nbsp。因为一个组件只有开始绘制时JVM才能确定其大小位置等;&&&&在程序主线程中创建一个新的线程;&nbsp.&nbsp，此线程不断的刷新MyJPanel，每列用于显示一条诗句;&nbsp。2;&nbsp.&&&&&&.com/zhidao/pic/item/2e2ebdde71191ef6dee：canvas = getGraphics();获取字的宽度过程是首先取得画布;&&&&&nbsp,从而完成界面的更新;&nbsp,&&&& Rectangle2D rect =&nbsp.setFont(font), &quot://a;&&&&&& Font font = new Font(& }, 40);&&。刷新时会自动调用paintComponent方法;&nbsp：1;& int wordWidth = (int)都付笑谈中&&nbsp://b://c<img class="ikqb_img" src="&nbsp://d.com/zhidao/wh%3D450%2C600/sign=5a95aea66b061d957d133f3c4ec426e7/dcc451da81cb39dbd3087.baidu.hiphotos.baidu.hiphotos.jpg" esrc="/zhidao/pic/item//zhidao/wh%3D450%2C600/sign=6fdcceff8/203fb80e7bec54e7afa0cd80bc389b504ec26ae4.baidu.hiphotos://b<a href="http.baidu.baidu://d
提问者采纳
f;&#47, &; }
private void drawColumn(int col) {
int y = wordH }; i++) {
cols[i] = i * (wordGap + wordWidth);public class Demo { public static void main(String[] args) {
&#47./ }}package excise2, 400;/
f;;浪花淘尽英雄&quot.repaint();/
for (int i = 0;paintS
y += wordH
paintSentence[i] = paintSentence[i - 1];String&都付笑谈中&/
paintSentence[left - 1] = null.setContentPane(new
MyJpanel());= left, getHeight()/
paintSentence[paintSimport java, &/
if(paintSentence==null){
paintSentence=new LinkedList&
moveRight();
}/ i &lt.length-&#47. 修改左右指针;&#47.sleep(1000);
paintSentence[i] = paintSentence[i - 1];= left.addWindowListener(new WindowAdapter() {
public void windowOpened(WindowEvent e) {
Thread t = new Thread(new Runnable() {
public void run() {
while (true) {
} else {&#47.drawString(S 0;
while (;//&#47!paintS 0;
}&#47,right&lt.length,华文行楷&quot，刚开始时的情况left=0;
FontMetrics metrics = canvas, cols[col];
}&#47.G/;/&#47.getWidth().getStringBounds(&quot, 800;
String msg = paintS滚动字幕演示&quot.length.valueOf(msg.length - 1] =/
&#47.printStackTrace();/ i &/ 210nnnnnn9876543/
Rectangle2D rect =&#47, y);
if (null == msg) {
int totalCols = getWidth() // i & (wordWidth + wordGap)./
}&#47, this.//; left) {/. } private void moveRight() {
paintS TODO Auto-generated method stubfg
final JFrame f = new JFrame();诗句数;
/ i--) {&#47.length - 1)/
paintSentence[i] = paintSentence[i - 1].BOLD;
for (int i = 0.valueOf(i++).setVisible(true);fgf private LinkedList&
Thread.length - 1) {/ paintS().get(0);
paintSentence[0] = sentences[right].F2);
paintSentence[0] = paintSentence[paintS是非成败转头空&
Font f=new Font(&/ i--) {/滚滚长江东逝水&水&/ cols.addAll(sentences);/&#47.setBounds(400; i &&#47.setTitle(&
} catch (InterruptedException e) {
e.getFontMetrics(f); i &gt.LinkedList, &quot.length) {/ i &
int wordWidth = (int)import javax.awt, & i++) {
drawColumn(i);白发渔樵江渚上&quot.Rectangle2D; i & G&#47, & 移动诗句/
if (left == 0 && right & int wordH i--) {/
f./&#47.addFirst(paintSentence.getWidth()/ @Override protected void paintComponent(Graphics g) {
super.String&青山依旧在&/
moveRight();
for (int i = i--) {/import java, canvas);
for (int i = right.WindowE i++) {
paintSentence.length - 1;/.swing.get(col);
right = (right + 1) % paintS/ i &lt.JP
} } private void drawColumns() {
for (int i = 0;/
drawColumns(), &
canvas=g;几度夕阳红&quot.length - 1];//public class MyJpanel extends JPanel {/&#47.paintComponent(g);
paintSentence[i] = paintSentence[i - 1];&#47.addFirst(sentences[i]);
for (int i = 0;
int wordGap=10; nnnnnnn//
for (int i = 0;
if (right ==;///
} else if (left == 0 && right &lt, &一壶浊酒喜相逢& int left.length(); cols,F&#47,&&#47, 400);惯看秋月春风&quot.equals(sentences[0])) {&#47.WindowAdapter.drawString(S
for (int i = right.&#47.start();
if (right &lt.setFont(f);&#47.removeLast());//;
} else { / i &
wordHeight=(int)
paintSentence[left - 1] =/ sentences, &
cols = new int[totalCols].length.charAt(i));/ 210nnnnnnnnnnnnnn/ String[] sentences = { &/2;
left = (left + 1) % paintS
for (int i = paintSentence.FontM/&#47，诗句全部加入进来后就循环右移/&#47.event.length.awt.JF
canvas=getGraphics().addFirst(null);/
}&#47,40);
f;&#47.awtpackage excise2;/古今多少事&quot.getHeight()
提问者评价
采纳率100%
其他类似问题
为您推荐：
其他1条回答
转成图片楼主，然后不断绘，简单说
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁给视频加一行循环滚动字幕的评论
#1 楼 回复：给视频加一行循环滚动字幕
swf转flv格式转换器 怎样将swf转换成flv:
#2 楼 回复：给视频加一行循环滚动字幕
视频无损剪辑软件,高清视频不转码直接剪切:
#3 楼 回复：给视频加一行循环滚动字幕
消除人声软件如何消除人声:
#4 楼 回复：给视频加一行循环滚动字幕
word转换成pdf
你还不是该群组正式成员，不能参与视频添加滚动字幕讨论。视差滚动效果教程 Flash入门教程:滚动 - 小小知识站
视差滚动效果教程 Flash入门教程:滚动
最近有网友提出“视差滚动效果教程 Flash入门教程:滚动”等问题，小小知识站提取了各大知名网站有关“视差滚动效果教程 Flash入门教程:滚动”的部分信息，请注意，文中的内容不代表本站的观点，不要相信任何联系方式。下文是关于“视差滚动效果教程 Flash入门教程:滚动”的一些信息：
题目：iOS 7视差效果过敏症如何解决？参考：&&&&&&&&&&&&&&&&界面的动态效果看起来很酷，但如果它让你有任何不舒适的感觉，那么还是减小一些为好，作方法如下：&&&&&&&&1）点击“设置”项；&&&&&&&&2）点击“通用”项；&&&&&&&&3）点击“辅助功能”项；&&&&&&&&4）点击“减少动态效果”。&&&&&&&&减少动态效果之后，IOS 7的主屏界面应该就不会让你“过敏”了。
问题：Flash入门教程:滚动字幕动画的
回答：...且还是互相制约的，其中遮罩层与被遮罩层的就是这样的。这里通过一个简单的例子&滚动字幕&，来加以说明。做动画之前，我们先来看一下遮罩的原理：遮罩层的对象形状就是被遮罩层的可见区域。说白了，遮罩层好比黑夜中的一支手电筒，照在哪儿哪儿就显现，照不到的地方我们就看不到。明白了这一点，在实际作中，我们可以利用遮罩实现很多精美的动画...
问题：PS打造伪3D画面影像时尚效果教程
回答：...：增添了画面的形式感和趣味性，是一次不错的尝试，另外，真正的3D效果只是要求两图片有视差，其它步骤均可参照本教程，看下去就明白了。2.图层选择混合选项层，得到副本这个新图层，我们下面的都要在这个图层上进行了。注：之所以说是伪3D，差别就在这一步，我们是直接的，如果是真正的3D，要拖入另一个存在视差的图片生成新的图...
问题：PhotoShop滚动图片GIF动画效果图文教程
回答：教程利用PhotoShop滚动图片GIF动画效果，考虑滚动图像多样性效果，我分别介绍三种不同的方法来有差异的动画效果，分别是：平行单向滚动动态效果，往复式滚动动画效果和开式滚动动画。大家可以根据自已已经掌握的动画知识进行选择性练，同时，根据教程思路创作出另一种不同风格的动画效果。先上几个效果：
问题：PS光影来回滚动文字GIF动画效果教程
回答：教大家用PhotoShop一种光影来加滚动文字GIF动态效果，做这种效果的动画还是属于比较简单的，喜欢GIF动画的同学可以学一下!效果图：1、图层，打上你喜欢的字。2、创建新图层3、用画笔工具在此画一笔(前景颜色便是画笔的颜色)4、点击窗口---动画导出动画栏相关GIF教程：PhotoShop用笔写字(手写字)GIF动画效果教程
PS简单旋转起来的太极阴阳字GIF动...
问题：PhotoShop古典美女音画图文教程
回答：...常与文学相结合，可以与诗歌、与散文、与等组合。在音画作品中，文字的表现可以通过滚动或变幻的文字来实现，也可以通过朗读或者歌唱形式。先处理好人物的调色，然后使用素材吧人物和北极，相框，凤纹合成到通一个场景中完成最终效果图，下面让我们一起来学吧。效果图：教程：
问题：PhotoShop图片循环滚动播放GIF动画教程
回答：介绍PhotoShop屏幕上的图片循环滚动播放GIF动画效果，需要的图片要同样尺寸，不同尺寸的要调成同样大小，具体方法看教程，喜欢的同学可以一起来学一下!最终效果图：
问题：PhotoShop滚动渐隐文字GIF动画教程
回答：本次PS动画教程教大家用PhotoShop滚动渐隐文字效果，主要利用蒙版来，属于初级的动画效果，喜欢并想学GIF动画的同学可以学一下!效果图：1.打开素材。2.打上自己喜欢的字。。我这里使用的是文鼎霹雳体。白色的字哦。。我这里为了方便调整我打了两节字，打完了为了方便调整就合层。 3.把层解锁，然后把层挪一层。然后右键有个创建剪贴蒙版。如图...
问题：苹果获虚拟3D互动专利，iPhone6s有希望
回答：...利（多达46个）。尤其值得指出的是，在这些专利中包含了一个苹果在iOS7开始时就开始使用的视差界面，而这只是苹果使用他们3D界面发明的一小部分。而相关的显示苹果正在朝3D界面设计而努力。最近更有称苹果在未来可能会使用新的3D屏幕。自iOS7开始，我们就可以看到在iOS的主屏界面都使用了视差的效果，如果你不喜欢这些效果，你还可以通过打开“减少...
问题：2014年20款精选CSS工具
回答：...它来出发animate.css动画。但是也可以非常容易修改设置喜欢的动画库。Wow比其他JavaScript视差件小，类似Scrollorama（这个非常华丽，但是也更繁杂）
问题：iOS7.1正式版不再让你头晕心
回答：...了细节问题。激活Reduce Motion，应用切换器会出现夹使用时出现的交替淡变的效果。Weather的视差消失；Messages的整个滚动区域整体移动，而不是像以前那样每条都调皮的滚到四，从而可能引发心或头晕的问题。”
问题：PhotoShop花朵滚动文字签名GIF动画教程
回答：先看最终效果：：photoshop7.0迷你版
| Photoshop CS5 中文 | photoshop 更好一点的效果：教程：- (Ctrl+N)打上字九层，这里字数为十 所以九层。如字数为五 就四层就是。
问题：Fireworks动画教程：简单轮子滚动动画效果
回答：本教程是向大家介绍利用Fireworks简单轮子滚动动画效果，方法很简单，主要想通过这一实例向大家介绍fw mx如何让我们的web design变得更easy，希望大家通过本篇教程能有收获！一直以来，fw都是我最喜欢使用的软件之一，最近了一个Firework mx试用版，充满兴奋地开始了fw mx中的动画体验，用fw mx做gif动画感觉更顺手，速度更快，创意思维可以不受，跟其他同类软...
问题：PicPick截取滚动窗口的使用方法
回答：PicPick的默认的截取滚动窗口的快捷键是：Ctrl+Alt+PrintScreen。所以，找了一个滚动窗口，你去google中搜索关键字，然后打开的网页，右边有个窗口滚动按钮，可以鼠标拖动，实现下拉滚动屏幕的效果。在当前处于滚动窗口的前提下，Ctrl+Alt+PrintScreen，就可以打开PicPick的截取滚动窗口的功能了，其鼠标变成一个小手的样子，小手中间还有个向下的箭头，此时，在滚动窗口中间...
问题：PowerPoint教程 滚动文本框的办法 Powerpoint2007中建立带滚动条的文本框
回答：本节PowerPoint 教程就教大家怎么运用控件文本框滚动条，轻松完成把多的文字内容放在同一幻灯片中的效果。具体作步骤：1、启动PowerPoint2013，首先，我们要入文本框，这里，我们不能按照传统方法直接单击入选项卡，从里面选择文本框，那样的文本框是不带有滚动条的。我们点击开发工具选项卡，然后单击文本框控件。2、在空白页面画出文本框，调整大小，...
问题：Fireworks教程：滚动的足球动画
回答：最终效果：是不是很像3D的？这些只是错觉而已。。看这个你就明白了注：这是我翻译外国的，如果有什么翻译的不对请提示。或者作不当的。一：创建整体标志1.创建一个300*300的画布。颜色用灰色。例如#999999
#cccccc2.选择多边形工具，设置参数。如下图：3.设置好参数后，在画布上画一个32*27的多边形。4.接下来这个6边的多边形，总共12个。然后摆放形状如下图5.然...
分享给小伙伴们：
05-1507-2905-0305-19
05-1705-1705-1705-17
也许你感兴趣