您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>建站知识>>>网页文字特效>>>文字素材(一)
文字素材(一)
发表日期:2007/7/19 10:07:00 出处:网络 作者:未知 发布人:gxlan88 已被访问 3721

 

 

学会了做基本的网页,我们来添加一些简单的效果,这里先讲一下文字和图片的运动。

 

让文字和图片随着音乐的节奏动起来,啦啦啦......演出开始了!:)


移动字幕使用<marquee>标记,双标签。请勿必使用双标签,不然后面的伙伴全都跟你走,西西:)

其基本格式如下:

<marquee 属性=属性值> 滚动内容 </marquee>

它的主要属性及其属性值如下:

align,对齐方式,其属性值为center,left,right,top, middle, bottom,分别表示居中,左对齐,右对齐,对齐上沿、中间、下沿;

direction,移动方向,其属性值为left,right,up,down;

bgcolor,移动字符的背景色,属性值为颜色代码,可以是rrggbb 16 进制数码,r=red,g=green,b=blue,也就是色彩中的三原色,也可是预定义色彩;

(另:预定义色彩,是指用英文来表示的色彩。如下:

01、
 
Black = "#000000"

02、
 
Green = "#008000"

03、
 
Silver = "#C0C0C0"

04、
 
Lime = "#00FF00"

05、
 
Gray = "#808080"

06、
 
Olive = "#808000"

07、
 
White = "#FFFFFF"

08、
 
Yellow = "#FFFF00"

09、
 
Maroon = "#800000"

10、
 
Navy = "#000080"

11、
 
Red = "#FF0000"

12、
 
Blue = "#0000FF"

13、
 
Purple = "#800080"

14、
 
Teal = "#008080"

15、
 
Fuchsia = "#FF00FF"

16、
 
Aqua = "#00FFFF" )

loop,移动字符的循环次数,属性值为数字,若未指定则循环不止(infinite);

behavior,移动方式,属性值为scroll:文字单向移动,side:移动到边界停止,alternate:到边界后反向移动;

width及height,文字高度和宽度,以象素为单位,属性值为数字;

hspace字符左右留白长度,属性值为数字;

vspace字符上下留白长度,属性值为数字;

scrollamount字符的移动速度,属性值为数字,数值越大速度越大,反之亦然;

scrolldelay字符移动每步的延时,属性值为数字,数值越大速度越大,反之亦然。

 

下面以文字实例来说明,图片同之。

<marquee height=40 width=50% bgcolor=aaeeaa>啦啦啦,我会移动耶!</marquee>

啦啦啦,我会移动耶!

<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>

啦啦啦,我会移动耶!

<marquee direction=left>啦啦啦,我从右向左移!</marquee>

啦啦啦,我从右向左移!

<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>

啦啦啦,我一圈一圈绕着走!

<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>

啦啦啦,我只走一次就歇了!

<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

啦啦啦,我来回走耶!

<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee>

啦啦啦,我只走 3 趟哟!

<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

啦啦啦,我走得好快哟!

<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

啦啦啦,我走一步,停一停!

<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>

啦啦啦,我会移动耶!

<center><marquee direction=up scrollamount=1 scrolldelay=10>啦啦啦,我向上走,走一步停一停!</marquee>

啦啦啦,我居中向上走,走一步停一停!

<center><marquee direction=down scrollamount=1 scrolldelay=10>啦啦啦,我向下走,走一步停一停!</marquee>

啦啦啦,我向下走,走一步停一停!


嗳,对了,怎么都是黑色3号黑体字呢?这是没有对字体特别说明的缘故。我们完全可以对字体添加效果,比如改变文字大小、类型、颜色等等。

很简单,我们给文字加上属性后加在<marquee 属性=属性值></marquee>语句中就可以实现。朋友们就各取所需吧:)

下面给出几种综合效果。效果是不是很炫呢?:)


<marquee width=250 height=50><img src="picture/yn/huaer/die.gif"><font face=隶书 color=#0000ff size=7>经典收藏,拨动人生琴弦</font><img src="picture/yn/huaer/die.gif"></marquee><marquee direction=right width=250 height=50><IMG src="picture/yn/tupian/die.gif"><font face=隶书 color=#0096ff size=7>弦琴生人动拨,藏收典经</font><img src="picture/yn/tupian/die.gif"></marquee>

经典收藏,拨动人生琴弦 弦琴生人动拨,藏收典经

<marquee behavior="alternate"scrollamount=8 direction=right><marquee behavior=alternate direction=up height=150 width=50><img src=picture/yn/huaer/die.gif></marquee><marquee behavior=alternate direction=up height=200 width=50><img src=picture/yn/huaer/die.gif></marquee><marquee behavior=alternate direction=up height=150 width=50><img src=picture/yn/huaer/die.gif></marquee><marquee behavior=alternate direction=up height=200 width=50><img src=picture/yn/huaer/die.gif></marquee><marquee behavior=alternate direction=up height=150 width=50><img src=picture/yn/huaer/die.gif></marquee></marquee>

<marquee direction=up behavior=alternate width=50 height=200 scrolldelay ="80" scrollamount="4"><font size="30" color=red>一</font></marquee><marquee direction=up behavior=alternate width=50 height=200 scrolldelay="60" scrollamount="3"><font size="30" color="teal">起</font></marquee><marquee direction=up behavior=alternate width=50 height=200 scrolldelay="70" scrollamount="2"><font size="30" color="#4B638D">跳</font></marquee><marquee direction=up behavior=alternate width=50 height=200 scrolldelay="80" scrollamount="4"><font size="30" color="maroon">起</font></marquee><marquee direction=up behavior=alternate width=50 height=200 scrolldelay="90" scrollamount="5"><font size="30" color="#E16B33">来</font></marquee><marquee direction=up behavior=alternate width=50 height=200 scrolldelay="50" scrollamount="6"><font size="30" color=blue>!</font></marquee>

<center><marquee align="center" behavior="scroll" direction="left" width="60" height="67" scrollamount="2" scrolldely="10"><b><font color=#CF34F6 size=6 face=方正黄草简体 style="font:35pt">经 经<IMG src="picture/yn/tupian/shan.gif"></font></marquee><marquee align="center" behavior="scroll" direction="left" width="60" height="67" scrollamount="2" scrolldely="10"><b><font color=#CF34F6 size=6 face=方正黄草简体 style="font:35pt">典 典<IMG src="picture/yn/tupian/shan.gif"></font></marquee><marquee align="center" behavior="scroll" direction="left" width="60" height="67" scrollamount="2" scrolldely="10"><b><font color=#CF34F6 size=6 face=方正黄草简体 style="font:35pt">收 收<IMG src="picture/yn/tupian/shan.gif"></font></marquee><marquee align="center" behavior="scroll" direction="left" width="60" height="67" scrollamount="2" scrolldely="10"><b><font color=#CF34F6 size=6 face=方正黄草简体 style="font:35pt">藏 藏<IMG src="picture/yn/tupian/shan.gif"></font></marquee></center>

经 经 典 典 收 收 藏 藏

<EMBED>标记语法说明
SRC=“文件名称和路径”:设置背景音乐的路径和名称;
AUTOSTART=“TRUE/FALSE”:设置是否音乐文件一传完后就开始播放,默认为FALSE(否)
LOOP=“ TRUE/FALSE/整数”:设置重播次数,TRUE为无限次重播,FALSE为不重播,LOOP=某个整数,为重播多少次。
VOLUME=“0-100”:设置音量,默认为系统本身的音量;
STARTTIME=“分:秒”:设置歌曲开始播放的时间,如STARTTIME=“00:20”为从第20秒开始播放;
ENDTIME=“分:秒”:设置歌曲播放结束的时间 ;
WIDTH和HIGH=“整数”:设置控制面板的宽和高;
CONTROLS=“CONSOLE/SMALLCONSOLE/PLAYBUTTON/PAUSEBUTTON/STOPBUTTON/VOLUMELEVER”:设置控制面板的外观。CONSOLE为正常大小的面板,SMALLCONSOLE为较小的面板,PLAYBUTTON为显示播放按钮,PAUSEBUTTON为显示暂停按钮,STOPBUTTON为
显示停止按钮,VOLUMELEVER为显示音量调节,若要隐藏控制面板可用HIDDEN=TRUE

 

SRC="FILENAME" 设定音乐文件的路径

AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE

LOOP=TRUE/FALSE 设定播放重复次数,LOOP=6表示重复6次,TRUE表示无限次播放,FALSE播放一次即停止。

STARTIME="分:秒" 设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20

VOLUME=0-100 设定音量的大小。如果没设定的话,就用系统的音量。

WIDTH HEIGHT 设定控制面板的大小

HIDDEN=TRUE 隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子

 

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



静竹
(2009/10/11 20:41:00) [122.246.157.]

请问老师:做《起跳起来》的字都要用这些符号吗?


uyuy-uyuy
(2006/8/14 18:53:00)

[fly]我不会做你的,太复杂了。[/fly]


uyuy-uyuy
(2006/8/14 18:49:00)

<marquee height=40 width=50% bgcolor=aaeeaa>我飞,我飞,我飞飞飞!</marquee>

 发表评论:共有 3 条评论

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

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

联系电话:QQ:313538590 752398505 联系人:山里人