澳门新葡亰娱乐官网用JavaScript制作活动字幕

做字幕并非专业人士才能做到的,要想做活动字幕其实也是网页必备技能之一,大家可以做做看。活动字幕是网页中经常使用的组件之一,它能使整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用JavaScript编程可以实现各种活动字幕效果,所需的代码很少,确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:

 活动字幕是网页中经常使用的组件之一,它能使整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用JavaScript编程可以实现各种活动字幕效果,所需的代码很少,确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:

<marquee
style=”WIDTH: 388px; HEIGHT: 200px” scrollamount=”2″ direction=”up”
>
<div align=”left” ><br />
</div >
<center ><font face=”黑体” color=”#008000″ size=”4″
></font ></center >
<div align=”left” ><br />
</div >
<center >
<p ><font color=”#ff6600″ size=”4″ >滚动文字</font
></p >
<p ><font color=”#ff4500″ size=”4″ >滚动文字</font
></p >
<p ><font color=”#ff3300″ size=”4″ >滚动文字</font
><br />
<br />
</p >
</marquee >

JavaScript教程

  <marquee

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:前后、上下的空行。

《marquee

  aligh=left/center/right/top/bottom

  
滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也用得不多了。有不少朋友常问到这是怎么做的,现在做一个详细的专题,让你更全面地了解一下。
滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!
(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说明)
Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

aligh=left/center/right/top/bottom

  bgcolor=#n

1.建立第一个滚动字幕。代码:
<marquee scrollAmount=2 width=300>靓丽风景线</marquee>
效果如: 靓丽风景线

bgcolor=#n

  font=n

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(幻灯片效果,指的是滚动一次,然后停止滚动)

font=n

  direction=left/right/up/down

3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a
href=***>和</a>就可以了。如下效果,代码是<marquee
scrollAmount=2 width=300><a
href=
中央电视台

direction=left/right/up/down

  behavior=type

b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 onmouseover=stop()
onmouseout=start()>文字内容</marquee>
效果如:
文字内容

behavior=type

  height=n

c)交替效果。代码如:
<marquee scrollAmount=2 width=99
behavior=alternate>文字内容</marquee>
效果如:
文字内容

height=n

  hspace=n

d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=160
direction=up>·早晨好啊!<br>·空气好清新啊<br>·你还好吗<p>·<a
href=;
效果如:
·早晨好啊!
·空气好清新啊
·你还好吗
·靓丽风景线

hspace=n

  scrollamount=n

·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My
god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
<script>document.write(‘<marquee scrollAmount=2 width=300
height=160
direction=up>·早晨好啊!<br>·空气好清新啊<br>·你还好吗
<p>·<a
href=;
/script>

scrollamount=n

  Scrolldelay=n

e) 改变滚动字幕的颜色?可以用样式表来控制。如下效果,代码是<marquee
scrollAmount=2 width=300><a
style=color:CC6600>你还好吗</a></marquee>。
你还好吗

Scrolldelay=n

  width=n

图片滚动
用<img
src=相对路径/文件名>的语句。并且要注意图片名不要中文,要注意区分英文大小写。

width=n

  VSpace=n

图片做超链接
用<a
href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现蓝框。正确的例子如:
<a href=
src= border=0></a>
其中a
href=表示超链接,这是最常用的。练习的方法也很简单,就是平时用FP或DW做网页的时候,要多查看源代码。

VSpace=n

  loop=n>

多张图片排列滚动
通常图片和图片之间用<br>(回行)或<p
style=margin-top:9>(精确调整图片间的距离)来链接。也可以把你的图片先用表格排版,然后把这个表格的所有语句也加入到marquee中,让这个表格来滚动。 

loop=n》

  可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。

代码<script>document.write(‘<marquee scrollAmount=2 width=340
height=160 direction=up onmouseover=stop() onmouseout=start()><a
href=
src=
border=0></a></marquee>’)</script>

可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。

  Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。

由上可以看出,HTML代码是可以随意组合的,功能强大!

Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。

  Behavior:用于设定滚动的方式,主要由三种方式:behavior=”scroll”表示从一端滚动到另一端;behavior=”slide”表示从一端快速滑动到另一端,且不重复;behavior=”alternate”表示在两端之间来回滚动。

Behavior:用于设定滚动的方式,主要由三种方式:behavior=“scroll”表示从一端滚动到另一端;behavior=“slide”表示从一端快速滑动到另一端,且不重复;behavior=“alternate”表示在两端之间来回滚动。

  Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。

Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。

  Scrollamount:用于设定活动字幕一次滚动的距离。

Scrollamount:用于设定活动字幕一次滚动的距离。

  scrolldelay:用于设定滚动两次之间的延迟时间。

scrolldelay:用于设定滚动两次之间的延迟时间。

  Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

  <marquee>标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。下面是两个通过JavaScript编程实现特殊效果活动字幕的脚本代码:

《marquee》标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。下面是两个通过JavaScript编程实现特殊效果活动字幕的脚本代码:

  ★带链接的水平滚动字幕★

★带链接的水平滚动字幕★

  带链接的水平滚动字幕一般用于广告宣传,非常醒目:

带链接的水平滚动字幕一般用于广告宣传,非常醒目:

  <script language=”JavaScript”>

《script language=“JavaScript”》

  var marqueewidth=400

var marqueewidth=400

  var marqueeheight=20

var marqueeheight=20

  var speed=4

var speed=4

  var marqueecontents='<strong><big>欢迎访问<a
>中国电脑教育报网站</a>欢迎您光临<a
mailto:[email protected]”>给我来封信!</a></big></strong></font>’

var marqueecontents=‘《strong》《big》欢迎访问《a
href=“”》中国电脑教育报网站《/a》欢迎您光临《a
href=“mailto:net@cce.com.cn”》给我来封信!《/a》《/big》《/strong》《/font》’

  document.write(‘<marquee scrollAmount=’+speed+’

document.write

  >’+marqueecontents+'</marquee>’)

《/script》

  </script>

★带链接的垂直滚动字幕★

  ★带链接的垂直滚动字幕★

垂直滚动的活动字幕常用于以滚动方式发布新闻。脚本代码中参数“behavior、derection、width、height、scrollamount、scrolldelay”分别确定了活动字幕的滚动方式、滚动方向、宽度、高度、一次滚动距离、延迟时间等,另外参数“onmouseover=‘this.stop’”所实现的效果是当鼠标指针移动到活动字幕上时,字幕停止滚动,参数“onmouseout=‘this.start’”恰好与之相反。

  垂直滚动的活动字幕常用于以滚动方式发布新闻。脚本代码中参数“behavior、derection、width、height、scrollamount、scrolldelay”分别确定了活动字幕的滚动方式、滚动方向、宽度、高度、一次滚动距离、延迟时间等,另外参数“onmouseover=’this.stop()’”所实现的效果是当鼠标指针移动到活动字幕上时,字幕停止滚动,参数“onmouseout=’this.start()’”恰好与之相反。

《script language=vbScript》document.write’
onmouseout=‘this.start’》”)《/script》

  <script language=vbScript>document.write(“<marquee
behavior=scroll direction=up width=130 height=80 scrollamount=1
scrolldelay=60 onmouseover=’this.stop()’
onmouseout=’this.start()’>”)</script>

《p》《a href=“”》

  <p><a >

《/a》《br》

  </a><br>

《a href=“xwgg/bys.htm ”》~=~》》毕业班学生下周离校《/a》《br》

  <a >~=~>>毕业班学生下周离校</a><br>

《a href=“xwgg/fj.htm ”》~=~》》7月10日放暑假《/a》《br》

  <a >~=~>>7月10日放暑假</a><br>

《a href=“xwgg/slnh”》~=~》》省水利年会在我校召开《/a》《br》《br》

  <a
>~=~>>省水利年会在我校召开</a><br><br>

《script language=vbScript》document.write

  <script language=vbScript>document.write

《/script》

  (“</marquee>”)</script>

《/p》

  </p>

将上述代码嵌入网页中的适当位置,并改变链接内容即可得到一个滚动的新闻公告栏。

  将上述代码嵌入网页中的适当位置,并改变链接内容即可得到一个滚动的新闻公告栏。

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图