网页HTML代码-动文字的制作

合集下载

HTML特效代码大全(完整全收录)

HTML特效代码大全(完整全收录)

HTML特效代码大全(完整全收录)1) 贴图:2)加入连接:写上你想写的字3)在新窗口打开连接:写上要写的字消除连接的下划线在新窗口打开连接:target="_blank">写上你想写的字4)移动字体(走马灯):写上你想写的字5)字体加粗:写上你想写的字6)字体斜体:写上你想写的字7)字体下划线: (写上你想写的字)8)字体删除线: 写上你想写的字9)字体加大: 写上你想写的字 10)字体控制大小:写上你想写的字 (其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:写上你想写的字(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线:写上你想写的字13)贴音乐:14)贴flash:15)贴影视文件:16)换行:17)段落:段落18)原始文字样式:正文20)固定帖子背景不随滚动条滚动:21)定制帖子背景颜色:(value值见10)22)帖子背景音乐:23)贴网页:HTML特效代码1。

忽视右键或2。

加入背景音乐IE:NS:*.mid你的背景音乐的midi格式文件3。

简单的window.open方法onclick="javascript :window.open(文件路径/文件名,newwindow, toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">文字或图片参数解释:js脚本开始; window.open 弹出新窗口的命令;文件路径/文件名弹出窗口的文件名;newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替;width=400 窗口宽度;height=300 窗口高度;top=0 窗口距离屏幕上方的象素值;left=0 窗口距离屏幕左侧的象素值;toolbar=no 是否显示工具栏,yes为显示;menubar,scrollbars 表示菜单栏和滚动栏。

用HTML语言制作简单的网页

用HTML语言制作简单的网页

电子科技大学电子工程学院标准实验报告(实验)课程名称用HTML语言制作简单的网页电子科技大学教务处制表电子科技大学实验报告学生姓名:万羽学号:2902103035 指导教师:伍瑞钦一、实验室名称:科B457二、实验项目名称:用HTML语言制作简单的网页三、实验原理:1.网页(1)网页就是在浏览器上看到的一页,网页也称为Web页。

(2)主页通常是进入网站首先浏览的网页,具有引导用户浏览整个网站内容的作用。

(3)超链接是网页中的特殊标记。

它指向了WWW中的其他资源,如其他网页、网页的另一个段落、声音文件等。

这些资源可以位于自己的计算机上,也可以位于其他计算机上。

用作超链接的标记可以是一段文字、一幅图像,也可以是一幅图像的一部分。

在浏览网页时,单击超链接就可以跳转到超链接所指向的资源。

超链接像一根一根的线一样,将各种网页链接在一起,形成一个庞大的信息网。

2.HTML语言(1)HTML语言就是超文本标记语言,是网页制作的基础,也是基本的工具,使用其他任何工具制作的网页,最终都要以HTML方式存储在计算机里。

(2)HTML的脚本可用任何一种文本编辑器进行编写,如记事本、Microsoft Word等。

保存时要将脚本保存成纯文本格式,扩展名必须是.htm。

(3)HTML脚本的基本结构。

HTML脚本总是以<html>标记开头,</html>标记结尾,在<html>和</html>标记之间是HTML的所有内容,一般情况下它分为两部分:头部和主体。

头部总是由<head>和</head>标记定义的,其中包含了HTML脚本的标题和说明信息;头部下面是HTML脚本的主体部分,它以<body>作为起始标记,</body>作为结束标记,其中所包含的就是在浏览器中所看到的内容,包括文字、图片、动画等。

3.FrontPageFrontPage是一种简单易学的Web管理和网页制作的软件。

HTML滚动代码大全

HTML滚动代码大全

HTML滚动代码大全HTML滚动代码大全[HTML代码]会移动的文字(Marquee)Marquee标记用于在可用浏览区域中滚动文本。

这个标记只适用于IE3以后的版的浏览器。

格式:<MARQUEE ALIGN="…"BEHAVIOR="…"BGCOLOR="…"DIRECTION="…"HEIGHT="…"WIDTH="…"HSPACE="…"VSPACE="…"LOOP="…"SCROLLAMOUNT="…"SCROLLDELAY="…"ONMOUSEOUT=this.start()ONMOUSEOVER=this.stop()>…</MARQUEE>属性:ALIGN:用于按设定的值对齐滚动的文本。

ALIGN可以设定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。

此属性不是必须使用的。

例:<MARQUEE ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE>BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。

如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。

如果设定为ALTERNATE,则文本从一边移动到另一边。

如果设定为SCROLL,文本将在页面上反复滚动。

本属性不是必须使用的。

可以设定的值有:SILIDE,ALTERNATE,SCROLL。

例:<MARQUEE BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE>BGCOLOR:用于设定字幕的背景颜色。

背景颜色可用RGB、16进制值的格式或颜色名称来设定。

html设计代码大全

html设计代码大全

html设计代码大全1)贴图:< img src="图片地址">2)加入连接:< a href="所要连接的相关地址">写上你想写的字< /a>3)在新窗口打开连接:< a href="相关地址" target="_blank">写上要写的字< /a>4)移动字体(走马灯):< marquee>写上你想写的字< /marquee> (可用于店铺分类,和评价)5)字体加粗:< b>写上你想写的字< /b>6)字体斜体:< i>写上你想写的字< /i>7)字体下划线: < u>写上你想写的字< /u>字体删除线: < s>写上你想写的字< /s>9)字体加大: < big>写上你想写的字< /big>10)字体控制大小:< h1>写上你想写的字< /h1>(其中字体大小可从h1-h5,h1最大,h5最小)(其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:< font color="#value">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线:< a href="相关地址" style="text-decoration:none">写上你想写的字< /a>13)贴音乐:< embed src="音乐地址" width="宽度" height="高度" autostart=false>14)贴flash: < embed src="flash地址" width="宽度" height="高度">15)贴影视文件:< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>16)换行:< br>17)段落:< p>段落< /p>1原始文字样式:< pre>正文< /pre>19)换帖子背景:< body background="背景图片地址">20)固定帖子背景不随滚动条滚动:< body background="背景图片地址" bodybgproperties=fixed>21)定制帖子背景颜色:< body bgcolor="#value">(value值见10)22)帖子背景音乐:< bgsound="背景音乐地址" loop=infinite>(听到音乐了吗?也可以加在你的店铺公告里)23)贴网页:< iframe src="相关地址" width="宽度" height="高度">< /iframe>最后注意了,以上所有代码中的前边后边代码段,我都加入了一个空格,要不再这里就运行了,你们无法看见了!使用时把前边后边代码内的空格去掉即可!举个例子4)移动字体(走马灯):< marquee>写上你想写的字</marquee>把< marquee>和< /marquee>删为去掉括号中的空格即可,其他不用动!后边代码不动即可!店铺装修代码1、店铺音乐代码:音乐网址" loop="-1">2、图片制作代码:<img src="这里放图片地址">3、公告图片代码:<img border="0" src="这里放图片地址" />或<img src="这里放图片地址"/>4、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />5、商品分类代码:<img src="这里放图片地址"/>6、字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font>7、字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue,yellow等</font>8、文字链接代码:<a href="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短</a>9、移动文字代码:<marquee>从右到左移动的文字</marquee>10、背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgsound>11、图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc="这里放音乐地址">12、浮动图片代码:<img alt="1" height="150" src="这里放图片地址"/>公告图片的代码:公告挂饰:店铺分类代码:背景音乐代码:换行代码计数器代码颜色代码:1白色#FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色#00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色#9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色#8C7853162号青铜色#A67D3D17士官服蓝色#5F9F9F18冷铜色#D9871919铜色#B8733320珊瑚红#FF7F0021紫蓝色#42426F22深棕#5C403323深绿#2F4F2F24深铜绿色#4A766E25深橄榄绿#4F4F2F26深兰花色#9932CD27深紫色#871F7828深石板蓝#6B238E29深铅灰色#2F4F4F30深棕褐色#97694F32深绿松石色#7093DB33暗木色#855E4234淡灰色#54545435土灰玫瑰红色#856363 36长石色#D1927537火砖色#8E232338森林绿#238E2339金色#CD7F3240鲜黄色#DBDB7041灰色#C0C0C042铜绿色#527F7643青黄色#93DB7044猎人绿#215E2145印度红#4E2F2F46土黄色#9F9F5F47浅蓝色#C0D9D948浅灰色#A8A8A849浅钢蓝色#8F8FBD59浅木色#E9C2A660石灰绿色#32CD3261桔黄色#E4783362褐红色#8E236B63中海蓝色#32CD9964中蓝色#3232CD65中森林绿#6B8E2366中鲜黄色#EAEAAE 67中兰花色#9370DB68中海绿色#426F4269中石板蓝色#7F00FF 70中春绿色#7FFF0071中绿松石色#70DBDB 72中紫红色#DB709373中木色#A6806474深藏青色#2F2F4F75海军蓝#23238E76霓虹篮#4D4DFF77霓虹粉红#FF6EC778新深藏青色#00009C79新棕褐色#EBC79E80暗金黄色#CFB53B81橙色#FF7F0082橙红色#FF240083淡紫色#DB70DB84浅绿色#8FBC8F85粉红色#BC8F8F86李子色#EAADEA87石英色#D9D9F388艳蓝色#5959AB89鲑鱼色#6F424290猩红色#BC171791海绿色#238E6892半甜巧克力色#6B422693赭色#8E6B2394银色#E6E8FA95天蓝#3299CC96石板蓝#007FFF97艳粉红色#FF1CAE98春绿色#00FF7F99钢蓝色#236B8E100亮天蓝色#38B0DE101棕褐色#DB9370102紫红色#D8BFD8103石板蓝色#ADEAEA104浓深棕色#5C4033105淡浅灰色#CDCDCD106紫罗兰色#4F2F4F107紫罗兰红色#CC3299108麦黄色#D8D8BF109黄绿色#99CC32店铺公告里的漂亮悬浮挂件的代码:公告图片的代码:<img border="0" src="图片地址" />公告挂饰:<img src="图片地址" style="left:20px; position: relative; top:0px" />店铺分类代码:<img src="缩完后的图片地址"/>背景音乐代码:<bgsound loop="-1" src="音乐地址"></bgsound>换行代码<br>计数器代码<a href="" target="_blank"><img src="计数器地址" border=0alt=""></a>店铺公告里的漂亮悬浮挂件的代码:<marquee style="position:relative;" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60"><img src="加入你自己的图片地址" />1.公告栏的图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝----- 管理我的店铺------基本设置,下面写着公告的位置。

网页字体设置源代码

网页字体设置源代码

网页字体设置源代码一、文字大小、字体、颜色1. 设置文字大小的属性是"size"他的取值范围是1到7。

其中1为最小,7为最大格式:<fonr size=文字大小>被设置的字</font>2. 设置文字字体属性是"face"格式:<font face=文字字体>被设置的字</font>3. 设置文字颜色的属性是"color"格式:<fonr color=文字颜色>被设置的字</font>二、文字其它基础效果1. 文字加粗:<b>被设置的字</b>2. 文字斜体:<i>被设置的字</i>3. 文字下划线:<u>被设置的字</u>4. 文字删除线:<s>被设置的字</s>5. 文字移动格式:<marquee *Amount="移动速度" direction="方向" >被设置的字</marquee>设置移动速度属性是*Amount,他的取值范围是1到10。

其中1为最慢,10为最快设置移动方向属性是direction,"up"(上),"down"(下),"left"(左),"right"(右)三、文字段落设置1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示这里介绍<p>标记的一个简单属性:"align"用来设置文字段落的对齐方式。

属性值有"center"(居中对齐),"left"(向左对齐),"right"(向右对齐)格式:<p align=属性值>被设置的段落</p>3. 文字的分区显示:标记为<div>,属性同<p>格式:<div align=属性值>被设置的段落</div>四、文字链接设置1. 点击文字转到链接地址格式:<a href="所要连接的相关地址">被设置的字</a>2. 点击文字在新窗口中打开链接地址格式:<a href="相关地址" target="_blank">被设置的字</a>五、文字特效1. 彩色字体色彩绚丽彩色字体色彩绚丽<P align=center><STRONG><FONT face=华文行楷><FONT size=7><FONTcolor=#ff0000>彩</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff>绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>2. 阴影字体阴影字体<P align=center><FONT size=7 *="FILTER: shadow(color=333366); WIDTH: 500px; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; HEIGHT: 51px"阴影字体</FONT></P>3. 围边字体围边字体<P align=center><FONT *="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">围边字体</FONT></p>4. 投影字体投影字体</FONT><BR><P align=center></P><P align=center><FONT size=7 *="FONT-WEIGHT: bolder; FONT-FAMILY: 华文行楷; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px" color=red>投影字体</FONT></CAPTION><BR></CAPTION></P>5. 抛射字体抛射字体<DIV *="FILTER: shadow(color=#FF9999, strength=60); WIDTH: 480px; HEIGHT: 121px" align=center><FONT face=华文行楷color=red size=7><B><CENTER>抛射字体</CENTER></B></FONT><BR><BR></DIV>6. 倒影字体倒影字体倒影字体<P align=center><FONT SIZE=7 *="WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B><EM>倒影字体</EM></B></FONT><FONT SIZE=7 *="FILTER: FlipV; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B><EM>倒影字</EM></B></FONT></P>7. 向上移动的文字向上移动的文字<P align=center><TABLE *="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="100%" border=0><Tbody><TR><TD *="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE *="WIDTH: 397px; HEIGHT: 200px" *Amount=5 direction=up><P align=cente><FONT face=华文行楷color=RED size=6><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></T body></TABLE></P>8. 向下移动的文字向下移动的文字<P align=center><TABLE *="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="100%" border=0><Tbody><TR><TD *="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE *="WIDTH: 397px; HEIGHT: 200px" *Amount=8 direction=down><P align=center><FONT face=华文行楷color=RED size=6><b>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></Tbody></TABLE></P>9. 向左移动的文字向左移动的文字<P align=center><BR></P><P align=center><MARQUEE *="WIDTH: 397px; HEIGHT: 200px" *Amount=5 direction=left><P align=center><FONT face=华文行楷color=red size=6><B>向左移动的文字</B></FONT></P></MARQUEE></P>10. 向右移动的文字向右移动的文字<P align=center<BR></P><P align=center><MARQUEE *="WIDTH: 397px; HEIGHT: 200px" *Amount=5 direction=right><P align=center><FONT face=华文行楷color=red size=6><B>向右移动的文字</B></FONT></P></MARQUEE></P>11. 由中间向两边移动的文字由中间向两边移动的文字由中间向两边移动的文字<P align=center><MARQUEE width=200 height=50><FONT face=华文行楷color=red size=6>由中间向两边移动的文字</font></MARQUEE><MARQUEE direction=right width=200 height=50><FONT face=华文行楷color=red size=6>由中间向两边移动的文字</FONT></MARQUEE></P>12. 由上下向中间移动的文字由上下向中间移动的文字由上下向中间移动的文字<BR><P align=center><BR><MARQUEE *Amount=2 direction=down height=60><BR><FONT face=华文行楷color=red size=6><B>由上下向中间移动的文字</B></FONT></MARQUEE><BR><MARQUEE *Amount=2 direction=up height=60><FONT face=华文行楷color=red size=6><B>由上下向中间移动的文字</B></FONT></MARQUEE><BR>文字连续滚动代码<marquee direction=方向loop=循环次数behavior=滚动形式dataformatas=文字类型width=字符滚动窗口的宽度height=字符滚动窗口的高度scrolldelay=每次循环的间隔时间scrollamount=每次移动的长度bgcolor=滚动窗口的背景颜色> …………要滚动的文字…………</marquee>direction:这个标记是说明所要滚动的文字是向哪个方向滚动的,它的参数有:left,right,up,downleft:文字自右向左滚动right:文字自左向右滚动up:文字自下向上滚动down:文字自上向下滚动<marquee></marquee>这个标记是IE特有的,NETSCAPE是浏览不到这效果的loop:如果想让文字无限循环,则参数是"-1";如果不是可以自行设置循环次数behavior:滚动形式,有scroll,alternate,slide等。

潭州学院网页制作公开课:HTML基础知识-用标签和属性让你的网页文字滚动起来

潭州学院网页制作公开课:HTML基础知识-用标签和属性让你的网页文字滚动起来

marquee滚动标签 - 属性
width、height 决定滚动文字在页面中的矩形范围大小,width属性用以规定矩形的宽度, height属性规定矩形的高度。
Leabharlann loop滚动文字的滚动次数(缺省是无限循环。参数值可以是任意的正整数, 如果设置参数值为-1或infinite时将无限循环) scrollamount文字滚动的速度 100,50 scrolldelay延时 1000
3.0vip 课程时间安排表
课程周期时间安排: 学时:2个月,每周5节课; 时间:周一至周五,每晚9点-10点正式课程; 10点-11点课后问题解答 课前预习 - 正式课程 - 课后作业






网页制作2.0新课改 - 课程学习大纲 - 01



一. 第一阶段学习目标 - 基础课程
完成简单网页的制作(企业站)
(熟练掌握HTML/css常用标签属性,制作符合W3C标准的页面)


二. 第二阶段学习课程目标 - 高级课程
html5+css3最新技术 常用js,jquery特效打包
HTML基础知识:用标签和属性让你的网页文字滚动起来
潭州学院-网页制作公开课
HTML标签 - marquee滚动标签

<marquee>标签,它是成对出现的标签
首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容
标签的属性主要: behavior属性 参数值为alternate(来回滚动)scroll(单方向循环滚动)、slide只滚动一次 bgcolor 文字滚动范围的背景颜色 direction文字滚动的方向 属性:down、left、right、up分别代表滚动方向向下、向左、向右、向上

html标签特效代码大全

html标签特效代码大全

html标签特效代码大全(让你制作漂亮的页面效果)〈!〉跑马灯〈marquee>.。

.〈/marquee〉普通卷动〈marquee behavior=slide>.。

.〈/marquee〉滑动〈marquee behavior=scroll>.。

.</marquee〉预设卷动〈marquee behavior=alternate>.。

.〈/marquee〉来回卷动〈marquee direction=down>。

</marquee〉向下卷动〈marquee direction=up〉..。

</marquee〉向上卷动<marquee direction=right></marquee〉向右卷动<marquee direction=’left’〉</marquee>向左卷动〈marquee loop=2>...</marquee>卷动次数<marquee width=180〉。

.</marquee〉设定宽度<marquee height=30〉.。

.</marquee>设定高度<marquee bgcolor=FF0000〉。

..〈/marquee>设定背景颜色<marquee scrollamount=30>..。

</marquee〉设定滚动速度<marquee scrolldelay=300〉。

..〈/marquee〉设定卷动时间〈marquee onmouseover=”this.stop()">。

</marquee>鼠标经过上面时停止滚动〈marquee onmouseover=”this.start()”〉..。

</marquee>鼠标离开时开始滚动〈!〉字体效果<h1>。

html滚动字幕代码

html滚动字幕代码

html滚动字幕代码<marquee id="scrollArea" height="150" width="380" loop="-1" scrollamount="1" scrolldelay="50" direction="up" onMouseOver=scrollArea.stop()onMouseOut=scrollArea.start()>滚动内容</marquee>参数:a)scrollAmount。

它表示速度,值越大速度越快。

如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。

特别是在做垂直滚动的时候,一定要设height的值。

c)direction。

表示滚动的方向,默认为从右向左(left):←←←。

可选的值有right、down、up。

滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。

通常scrollDelay是不需要设置的。

e)behavior。

用它来控制属性,默认为循环滚动(scroll),可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)滚动字幕代码by - 2006-3-21 19:55:00<marquee id="scrollArea" height="150" width="380" loop="-1" scrollamount="1" scrolldelay="50" direction="up" onMouseOver=scrollArea.stop()onMouseOut=scrollArea.start()>滚动内容</marquee>参数:a)scrollAmount。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。

制作滚动文字
通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是静态的。

本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。

4.3.1 设置文字滚动
HTML技术中使文字滚动的方法是使用双标签&lt;marquee&gt;&lt;/marquee&gt;。

在HTML代码中可使其作用区文字滚动,默认为从右到左,循环滚动。

在D:\web\目录下创建网页文件,命名为mar.htm,编写代码如代码4.15所示。

代码4.15 文字滚动的设置:mar.htm
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;文字滚动的设置&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;font size="5" color="#cc0000"&gt;
文字滚动示例(默认):&lt;marquee&gt;做人要厚道&lt;/marquee&gt;
&lt;/font&gt;
&lt;/body&gt;
&lt;/html&gt;
在浏览器地址栏输入http://localhost/mar.htm,浏览效果如图4.15所示。

图4.15 设置文字滚动默认形式
从图4.15可得,在未设置宽度时,&lt;marquee&gt;&lt;/marquee&gt;标签是独占一行的。

4.3.2 设置文字滚动的方向
&lt;marquee&gt;&lt;/marquee&gt;标签的direction属性用于设置内容滚动方向,属性值有left、right、up、down,分别代表向左、向右、向上、向下,例如以下代码:&lt;marquee direction="left"&gt;做人要厚道&lt;/marquee&gt;
&lt;marquee direction="right"&gt;做人要厚道&lt;/marquee&gt;
&lt;marquee direction="up"&gt;做人要厚道&lt;/marquee&gt;
&lt;marquee direction="down"&gt;做人要厚道&lt;/marquee&gt;
4.3.3 设置文字滚动的速度和形式
设置文字滚动使用&lt;marquee&gt;&lt;/marquee&gt;标签,其属性说明如下。

—&lt;marquee&gt;&lt;/marquee&gt;标签的scrollamount属性用于设置内容滚动速度。

—&lt;marquee&gt;&lt;/marquee&gt;标签的behavior 属性用于设置内容滚动方式,默认为scroll,即循环滚动,当其值为alternate时,内容将来回循环滚动。

当其值为slide时,内容滚动一次即停止,不会循环。

还有一个loop属性可设置其滚动循环次数,默认为没有限制。

—&lt;marquee&gt;&lt;/marquee&gt;标签的scrolldelay属性用于设置内容滚动的时间间隔。

—&lt;marquee&gt;&lt;/marquee&gt;标签的bgcolor属性用于设置内容滚动背景色(类似于body的背景色设置)。

—&lt;marquee&gt;&lt;/marquee&gt;标签的width 属性用于设置内容滚动背景宽度。

—&lt;marquee&gt;&lt;/marquee&gt;标签的height属性用于设置内容滚动背景高度。

修改mar.htm网页文件,编写代码如代码4.16所示。

代码4.16 文字滚动的设置:mar.htm
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;文字滚动的设置&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;font size="3" color="#cc0000"&gt;
文字滚动示例(默认):&lt;marquee&gt;做人要厚道&lt;/marquee&gt;
文字滚动示例(向右):&lt;marquee direction="right" scrolldelay="500"&gt;做人要厚道&lt;/marquee&gt;
文字滚动示例(向下,滚动方式为slide,速度为10):&lt;marquee scrollamount="10" behavior="slide"&gt;做人要厚道&lt;/marquee&gt;
文字滚动示例(默认方向,滚动方式为alternate,循环3次,速度为2):&lt;marquee scrollamount="2" behavior="alternate" loop="3"&gt;做人要厚道&lt;/marquee&gt;
文字滚动示例(向上,背景色为#CCFF66,设置了背景宽度和高度):&lt;marquee direction="up" bgcolor="#CCFF66" width="250" height="55"&gt;做人要厚道&lt;/marquee&gt;
&lt;/font&gt;
&lt;/body&gt;
&lt;/html&gt;
在浏览器地址栏输入http://localhost/mar.htm,浏览效果如图4.16所示。

图4.16 文字滚动的不同形式
&lt;marquee&gt;&lt;/marquee&gt;的众多属性能非常方便地制作滚动文字,在后面的JavaScript学习中,读者将继续深化&lt;marquee&gt;&lt;/marquee&gt;标签的动态行为学习。

相关文档
最新文档