:滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也用得不多了。有不少朋友常问到这是怎么做的,现在做一个详细的专题,让你更全面地了解一下。
滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。
1.建立第一个滚动字幕。代码:
我钟意网页树树
2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上和就可以了。如下效果,代码是中央电视台,点击中央电视台就可以进入了:
中央电视台
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
文字内容
c)交替效果。代码如:
文字内容
d)多行文本向上滚动。代码如:
·早晨好啊!·空气好清新啊·今朝食乜好呢?·中央电视台
·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
document.write(&rsquo;<marquee scrollAmount=2 width=300 height=160 direction=up>&middot;早晨好啊!<br>&middot;空气好清新啊<br>&middot;今朝食乜好呢?<p>&middot;<a href=http://www.cctv.com>中央电视台</a></marquee>&rsquo;)
e)改变滚动字幕的颜色梢杂醚奖砝纯刂啤H缦滦Ч胧?lt;marquee scrollAmount=2 width=300>我钟意网页树树!。
我钟意网页树树!
由上可以看出,HTML代码是可以随意组合的,功能强大!
分享到:
相关推荐
这是一个HTML通用的标签属性。有marquee的各种属性和用法。
marquee参数详解 (文字滚动)参数详解
主要介绍了详解html中的marquee属性的相关资料,需要的朋友可以参考下
这个一个关于marquee属性的详细解说,对于初学HTML来说,非常有用!
HTML标签marquee实现滚动效果,实现文字在网页中漂移的代码。
滚动标记Marquee参数祥解及鼠标悬停,只要一个标签就能有动态效果
MARQUEE属性与用法,能实现无缝循环滚动文字,上下,左右都可以
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等 方向 <direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee> 方式 <bihavior=#> #=scroll, slide, ...
MARQUEE 元素 marquee 对象 doc 手册
html标记大全,基本都有,欢迎下载! HTML语言语法大全 <! - - ......<!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 ...<marquee direction=’left’></marquee>向左卷动
该课件是关于marquee的讲解: 方向:<direction=#> #=left, right,up,down <marquee direction=left>从右向左移!</marquee> 方式:<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈...
marquee无缝隙循环 向左 向右 近日研究marquee无缝隙循环,有些心得 因为是初学JS 所以从网上找了不少别人的例子 我发现了一下问题 1.大多数html代码不符合W3C的最新标准。 2.很多代码移植性太差。 3.向左循环的...
<marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>.....
HTML 标记(Tag)的索引 页面(Page) 文件结构 语言字符集信息 ...会移动的文字(Marquee) 基本语法 移动属性的设置 外观设置 多媒体页面(Alternative Inline Elements) 嵌入多媒体文本 背景音乐 视频剪辑
marquee效果
使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。 <marquee direction=left>欢迎光临科讯青年学习频道!</marquee> direction=left,表示方向。上面文字效果是“欢迎光临科讯...
audio_video_marquee_05.html
鄙人上传的此脚本(含Demo)是一个Marquee类,开放了几个接口轻松实现滚动的方向、延时、尺寸等参数的设置,对从事网页前端开发的设计人员有很大的好处。需要注意的地方就是:table的width要大于外框的width(呵呵,...
marquee标签实例