html编码写出滚动字幕,HTML滚动字幕代码及参数详解
_htmlcss_WEB-ITnose
html⽂字滚动代码
滚动⽂字
滚动⽂字
滚动⽂字
marquee 参数:
BGColor:滚动⽂本框的背景颜⾊。
Direction:滚动⽅向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越⼤越慢。
scrollamount:⼀次滚动总的时间量,数字越⼩滚动越慢。
Behaviour:滚动的⽅式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:⽂字的对齐⽅式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动⽂本框的宽度,输⼊⼀个数值后从后⾯的单选框选择in Pixels(按像素)或是in Percent(按百分⽐)。
Height:滚动⽂本框的⾼度,输⼊⼀个数值后从后⾯的单选框选择in Pixels(按像素)或是in Percent(按百分⽐)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空⾏。
滚动字幕会让很多⼈感到兴奋,特别是第⼀次使⽤滚动字幕时,会爱不释⼿。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也⽤得不多了。有不少朋友常 问到这是怎么做的,现在做⼀个详细的专题,让你更全⾯地了解⼀下。
滚动字幕在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中即可,上述代码写为:
marquee 参数:
BGColor:滚动⽂本框的背景颜⾊。
Direction:滚动⽅向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越⼤越慢。
scrollamount:⼀次滚动总的时间量,数字越⼩滚动越慢。
Behaviour:滚动的⽅式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:⽂字的对齐⽅式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动⽂本框的宽度,输⼊⼀个数值后从后⾯的单选框选择in Pixels(按像素)或是in Percent(按百分⽐)。
Height:滚动⽂本框的⾼度,输⼊⼀个数值后从后⾯的单选框选择in Pixels(按像素)或是in Percent(按百分⽐)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空⾏。
滚动字幕会让很多⼈感到兴奋,特别是第⼀次使⽤滚动字幕时,会爱不释⼿。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也⽤得不多了。有不少朋友常 问到这是怎么做的,现在做⼀个详细的专题,让你更全⾯地了解⼀下。
滚动字幕在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)多⾏⽂本向上滚动。代码如:
·早晨好啊!
·空⽓好清新啊
·你还好吗
·靓丽风景线
效果如:
·早晨好啊!
·空⽓好清新啊
·
你还好吗css设置文字垂直居中
·靓丽风景线
·注意:如果你的⽹页经过了FrontPage编辑,保存之后,只能滚动⼀⾏,这时候你发现你原 来的代码顺序已经变了,My god!解决的办法是,出原来的代码,把它嵌⼊到JavaScript的document.write中即可,上述代码写为:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论