制作滚动文字

通过本章前面的学习，读者已经能够很好地控制各种段落文字的显示方式，不过无论怎么设置，文字都是静态的。本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。

4.3.1  设置文字滚动

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

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

文字滚动的设置

文字滚动示例(默认)：做人要厚道

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

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

从图4.15可得，在未设置宽度时，标签是独占一行的。

4.3.2  设置文字滚动的方向

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

做人要厚道

做人要厚道

做人要厚道

做人要厚道

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

设置文字滚动使用标签，其属性说明如下。

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

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

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

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

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

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

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

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

文字滚动的设置

文字滚动示例(默认)：做人要厚道

文字滚动示例(向右)：做人要厚道

文字滚动示例(向下，滚动方式为slide，速度为10)：做人要厚道

文字滚动示例(默认方向，滚动方式为alternate，循环3次，速度为2)：做人要厚道

文字滚动示例(向上，背景色为#CCFF66，设置了背景宽度和高度)：做人要厚道

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

图4.16  文字滚动的不同形式

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

php中如何滚动文字,HTML_网页HTML代码：滚动文字的制作，制作滚动文字 通过本章前面 - phpStudy...相关推荐

  1. HTML5期末大作业：生活服务网站设计——生活服务同城商城(33页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

    HTML5期末大作业:生活服务网站设计--生活服务同城商城(33页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人 ...

  2. HTML5期末大作业：仿英雄联盟网站设计——仿英雄联盟LOL首页(11页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

    HTML5期末大作业:仿英雄联盟网站设计--仿英雄联盟LOL首页(11页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 ...

  3. HTML+CSS静态页面网页设计作业——布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载

    HTML5期末大作业:布偶猫网站设计--布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人. 美食. ...

  4. HTML5期末大作业：布偶猫网站设计——布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载

    HTML5期末大作业:布偶猫网站设计--布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人. 美食. ...

  5. HTML5期末大作业：食品超市网站设计——食品超市-功能齐全(31页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

    HTML5期末大作业:食品超市网站设计--食品超市-功能齐全(31页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个 ...

  6. 25TML5期末大作业：影视网站设计——电影请以你的名字呼唤我(4页) 大学生简单个人静态HTML网页设计作品 DIY布局个人介绍网页模板代码 DY学生个人网站制作成品下载

    HTML5期末大作业:影视网站设计--电影请以你的名字呼唤我(4页) 大学生简单个人静态HTML网页设计作品 DIY布局个人介绍网页模板代码 DY学生个人网站制作成品下载 常见网页设计作业题材有 个人 ...

  7. TML5期末大作业：影视网站设计——电影请以你的名字呼唤我(4页) 大学生简单个人静态HTML网页设计作品 DIY布局个人介绍网页模板代码 DY学生个人网站制作成品下载

    HTML5期末大作业:影视网站设计--电影请以你的名字呼唤我(4页) 大学生简单个人静态HTML网页设计作品 DIY布局个人介绍网页模板代码 DY学生个人网站制作成品下载 常见网页设计作业题材有 个人 ...

  8. HTML5期末大作业：苏苏网站设计——仿苏苏超市(1页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

    HTML5期末大作业:苏苏网站设计--仿苏苏超市(1页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人. 美食. ...

  9. html滚动字幕图片,网页HTML代码滚动文字制作

    讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性.以下是小编整理的网页HTML代码滚动文字制作,欢迎来阅读! 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制 ...

最新文章

  1. Windows下通过VNC远程访问Linux服务器，并实现可视化
  2. Linux定制登录欢迎语
  3. php mysql source_详解MySQL数据库中有关source命令
  4. 你和985硕博研究生，差了这些东西
  5. 保驾护航金三银四，含BATJM大厂
  6. 前端学习（2372）：uni-ui库
  7. 前端学习（1309）:创建网站服务器
  8. Gartner：云安全的未来，是安全访问服务边缘架构
  9. 想要挑战成功的hongjin2
  10. 老年人手里有多少积蓄，该不该告诉子女?
  11. HSV颜色空间转RGB(C语言代码)，ESP32使用RMT驱动WS2812B，七彩流光灯光效果
  12. 浅谈Session与Cookie的区别与联系
  13. 微带天线单元建模与辐射
  14. 大地测量学基础（复习）第二部分
  15. SD卡驱动(详细介绍,不明白的人可以仔细看看了.有流程图)
  16. Java SE 正则表达式
  17. 生物计算机 量子计算机,生物计算机光子计算机量子计算机哪个更先进
  18. C#中接口IFormattable/IFormatProvider/ICustomFormatter的区别与用法
  19. 【新能源】新能源之锂电池产业链梳理
  20. Android Q 开机启动流程

热门文章

  1. 【排序二】选择排序（选择排序堆排序）
  2. linux 圣经软件,Ubuntu(Linux)下好用的中文圣经
  3. android网络请求分析工具,android网络数据请求
  4. 膨润土和cmc和php,膨润土矿钻探用低固相泥浆的配方选择与生产试验
  5. linux contos升级内核,CentOS7升级内核方法
  6. python server client_python 实现简单client与server | 学步园
  7. echart vue 图表大小_vue中echarts图表大小适应窗口大小且不需要刷新案例
  8. php key sort,PHP中的sort(), rsort(),asort(),arsort(),ksort(),krsort()函数
  9. 华为p7刷android go,华为首款Android GO手机发布 1G内存也流畅
  10. 命令父窗口变颜色_【编程】第五期：Python Tkinter图形化教程03布局之父窗口、pack和LabelFrame...