您好!欢迎你光临教你如何制作滚动字幕_佳人有约!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>佳人仓库>>>其它>>>教你如何制作滚动字幕
教你如何制作滚动字幕
发表日期:2007/1/8 19:22:00 出处:未知 作者:未知 发布人:maizi1020 已被访问 1314
     一、滚动字幕的HTML最基本语法是:<MARQUEE>要滚动的文字</MARQUEE>
 
  这是最原始,最简单,没有任何修饰的滚动,而要它能显示出各种不同的效果需要对其进行各种参数的设定,比如让大家看一下下面这段代码:
 
<MARQUEE style="color:#660099;font size=20" scrollAmount=2 scrollDelay=50 direction=up width=480 height=150 behavior=scroll>
<FONT color=blue><I>·欢迎来到佳人网站</FONT></I><BR>
<FONT color=#660099 size=3>·<U>让我们建立和谐环境,促进交流</U></FONT><BR>
<FONT color=#990066 size=4 face=隶书>·建设良好的氛围,促进共同进步</FONT><BR>
<FONT color=#990033 size=3>·为了美化网站,丰富网站<A href="
http://blog.sina.com.cn/m/wenzi" target=_blank>(点此有惊喜)</A></FONT><BR>
<FONT color=#990099 size=4><B>·丰富生活,让我们一起努力</B></FONT><BR>
<FONT color=blue face=华文行楷>·加油,我的朋友</FONT></MARQUEE>
 
  效果如下:
 
·欢迎来到佳人网站
·让我们建立和谐环境,促进交流
·建设良好的氛围,促进共同进步
·为了美化网站,丰富网站(点此有惊喜)
·丰富生活,让我们一起努力
·加油,我的朋友
 
  代码中各参数详解(请仔细看每行的代码和其相对应的显示效果):
  a)color:#660099;font size=20用来定义所有滚动字体的大小和颜色,如果要单独定义某行字体,则如代码中那样,在每句前后加<FONT color=#990066 size=4></FONT>,如果对字体的定义都是一样的,那么只要定义前面的了,后面的就不需要了。
  b)scrollAmount表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
  c)scrollDelay也是用来控制速度的,表示走走停停,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
  d)direction很明显是表示滚动的方向,默认为从右向左:←,因此如果是向左滚动的话不需要次参数。其他可选的值还有right,down,up。滚动方向分别为:right表示→,up表示↑,down表示↓。
  e)widthheight用来表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
  f)bgcolor表示滚动区域的背景颜色,如果滚动文字不要背景的话把这段删了就可以了。
  g)behavior是来控制滚动属性的,默认为循环滚动(scroll),同样,如果是循环滚动的话可以不需要此参数。其他可选的值还有alternate(交替滚动),slide(幻灯片效果,指的是滚动一次,然后停止滚动)。
  h)如果要对文字进行超链接,只要在文字前后加<A href="链接地址" target=_blank></A>,如代码中所写的那样,target=_blank表示链接在新窗口中打开。
  i)每行字的前后<FONT color=#990066 size=4 face=隶书></FONT>用定义每行字的颜色,大小和字体,如果哪项不需要的话,把代码去掉就行。
  j)用WORLD编辑过东西的人都知道,<I>表示倾斜,<U>表示下划线,<B>表示加粗,加粗有可以是<STRONG>
  k)<BR>表示换行。
 
PS:滚动方法虽然是教了,而我上面的代码也只是演示了一下综合效果,但是看到很多朋友还是不会灵活运用,只照搬我上面的那段代码。其实要做简单的滚动的话复制下面这段代码就行了,要表现出其他效果,按照我说的增加参数就行了。
 
<MARQUEE scrollAmount=2 scrollDelay=50 direction=up width=480 height=180 behavior=scroll>滚动文字</MARQUEE>
  
  二、既然知道了滚动字幕如何制作了,制作滚动图片就应该没什么问题了,简单图片滚动的代码如下:
 
<MARQUEE scrollAmount=4 scrollDelay=60 direction=right width=190 height=250>
<IMG width=190 height=250 src="你喜欢的图片地址" border=0>
<IMG width=190 height=250 src="你喜欢的图片地址" border=0>
<IMG width=190 height=250 src="你喜欢的图片地址" border=0>
<IMG width=190 height=250 src="你喜欢的图片地址" border=0></MARQUEE>
 
  参数说明:
  a)第一个的width和height表示滚动窗口的大小,后四个用来定义滚动图片的大小,图片的大小最好别超过滚动窗口的大小,如果图片的高度值大于滚动窗口的高度值,那么最后效果显示的窗口高度是图片的高度!
  b)如果要增加图片只要加<IMG width=190 height=250 src="你喜欢的图片地址" border=0>就行了!
  c)如果要对图片进行链接,只要在<IMG width=190 height=250 src="你喜欢的图片地址" border=0>前后加<A href="链接地址" target=_blank></A>就行了,同样,target=_blank表示链接在新窗口中打开!
 
  至于滚动图片的效果在这里就不演示了!
  
  补充:滚动字体特效中的各种参数不是单一的,而是可以随意组合的,比如下面这段代码的简单组合:
 
<MARQUEE scrollAmount=8 direction=up behavior=alternate height=80 width=499>
<MARQUEE scrollAmount=4 direction=right behavior=alternate height=50>
<font color=#990066 size=5 face=华文行楷>欢迎光临,祝您快乐!</font></MARQUEE></MARQUEE>
 
从下面的演示效果中可以看出其奇妙性,大家就可以知道,可以组合的方式是多种多样的!
欢迎光临,祝您快乐!
双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

佳人有约 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:麦子.永恒

琼icp备09005167