滚动消息 手机站

网页滚动文字的制作html代码_网页滚动文字的制作HTML代码

时间:2019-01-07 11:44:15 滚动消息 投诉建议

  HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。这就是滚动文字代码?下面yjbys小编为大家分享网页滚动文字的HTML源代码制作方法,希望对大家烟花美文网页代码有帮助!

  设置文字滚动

  HTML技术中使文字滚动的方法是使用双标签<marquee></marquee>。在HTML代码中可使其作用区文字滚动,默认为从右到左,循环滚动。在D:web目录下创建网页文件,命名为mar.htm,编写代码如代码4.15所示。

  代码4.15 文字滚动的设置:mar.htm

  <html>

  <head>

  <title>文字滚动的设置</title>

  </head>

  <body>

  <font size="5" color="#cc0000">

  文字滚动示例(默认):<marquee>做人要厚道</marquee>

  </font>

  </body>

  </html>

  在浏览器地址栏输入http://localhost/mar.htm,浏览效果如图4.15所示。

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

  图4.15 设置文字滚动默认形式

  从图4.15可得,在未设置宽度时,<marquee></marquee>标签是独占一行的。

  设置文字滚动的方向

  <marquee></marquee>标签的direction属性用于设置内容滚动方向,属性值有left、right、up、down,分别代表向左、向右、向上、向下,例如以下代码:

  <marquee direction="left">做人要厚道</marquee>

  <marquee direction="right">做人要厚道</marquee>

  <marquee direction="up">做人要厚道</marquee>

  <marquee direction="down">做人要厚道</marquee>

  设置文字滚动的速度和形式

  设置文字滚动使用<marquee></marquee>标签,其属性说明如下。

  — <marquee></marquee>标签的scrollamount属性用于设置内容滚动速度。

  — <marquee></marquee>标签的behavior 属性用于设置内容滚动方式,默认为scroll,即循环滚动,当其值为alternate时,内容将来回循环滚动。当其值为slide时,内容滚动一次即 停止,不会循环。还有一个loop属性可设置其滚动循环次数,默认为没有限制。

  — <marquee></marquee>标签的scrolldelay属性用于设置内容滚动的时间间隔。

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

  — <marquee></marquee>标签的width 属性用于设置内容滚动背景宽度。

  — <marquee></marquee>标签的height属性用于设置内容滚动背景高度。

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

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

  代码4.16 文字滚动的设置:mar.htm

  <html>

  <head>

  <title>文字滚动的设置</title>

  </head>

  <body>

  <font size="3" color="#cc0000">

  文字滚动示例(默认):<marquee>做人要厚道</marquee>

  文字滚动示例(向右):<marquee direction="right" scrolldelay="500">做人要厚道</marquee>

  文字滚动示例(向下,滚动方式为slide,速度为10):<marquee scrollamount="10" behavior="slide">做人要厚道</marquee>

  文字滚动示例(默认方向,滚动方式为alternate,循环3次,速度为2):<marquee scrollamount="2" behavior="alternate" loop="3">做人要厚道</marquee>

  文字滚动示例(向上,背景色为#CCFF66,设置了背景宽度和高度):<marquee direction="up" bgcolor="#CCFF66" width="250" height="55">做人要厚道</marquee>

  </font>

  </body>

  </html>
  <marquee></marquee>的众多属性能非常方便地制作滚动文字,在后面的JavaScript学习中,读者将继续深化<marquee></marquee>标签的动态行为学习。

《网页滚动文字的制作html代码_网页滚动文字的制作HTML代码.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

【网页滚动文字的制作html代码_网页滚动文字的制作HTML代码】相关文章:

[中国好歌声2017]2017年中国新歌声导师评委都有谁01-07

新歌声第三季导师名单|2017中国新歌声导师名单有谁01-07

【2018年属狗本命年注意】2018年属狗本命年怎么转运有什么方法01-07

孕妇做梦梦到钓鱼是什么意思|做梦自己梦到钓鱼是什么意思周公解梦01-07

周公解梦梦到捡钱是怎么解释|周公解梦梦到咽喉的解释01-07

做梦梦到蛇是什么意思_做梦梦到婚纱好不好是什么意思01-07

【qq说说大全伤感带图片】有关于伤感的QQ说说大全01-07

遇到垃圾人的心情说说_关于遇到的心情说说44句01-07

【两广地带做点小生意】2017两广地带做的小生意推荐01-07

网页滚动文字的制作html代码_网页滚动文字的制作HTML代码01-07