html文本内容自动滚动,网页HTML代码滚动文字制作

网页HTML代码滚动文字制作

讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。以下是小编整理的网页HTML代码滚动文字制作，欢迎来阅读！

制作滚动文字

通过本章前面的学习，读者已经能够很好地控制各种段落文字的显示方式，不过无论怎么设置，文字都是静态的。本节笔者讲述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学习中，读者将继续深化标签的动态行为学习。

【网页HTML代码滚动文字制作】相关文章：

html文本内容自动滚动,网页HTML代码滚动文字制作相关推荐

html滚动字幕图片,网页HTML代码滚动文字制作
讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性.以下是小编整理的网页HTML代码滚动文字制作,欢迎来阅读! 制作滚动文字通过本章前面的学习,读者已经能够很好地控制 ...
android 文字选中朗读,Android开发之文本内容自动朗读功能实现方法
本文实例讲述了Android开发之文本内容自动朗读功能实现方法.分享给大家供大家参考,具体如下: Android提供了自动朗读支持.自动朗读支持可以对指定文本内容进行朗读,从而发生声音:不仅如此,An ...
android的发音功能实现,Android开发之文本内容自动朗读功能实现方法
本文实例讲述了Android开发之文本内容自动朗读功能实现方法.分享给大家供大家参考,具体如下: Android提供了自动朗读支持.自动朗读支持可以对指定文本内容进行朗读,从而发生声音:不仅如此,An ...
定时自动打开网页的代码（抢券神器）
今天分享下"定时自动打开网页的代码(抢券神器)"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一 ...
Windows利用cmd循环文件文本内容自动创建对应文件
批处理命令 @echo off echo ==============option start================= md temp cd temp echo temp dir creat ...
设置UILabel可变高度（根据文本内容自动适应高度）
@property(nonatomic)UILabel *showLabel; // 计算文本所占高度,计算出来之后设置label的高度 // 第一个参数:字体大小,字体大小/样式影响计算字体的高度 ...
python 滚动字幕_Python pygame绘制文字制作滚动文字过程解析
这篇文章主要介绍了Python pygame绘制文字制作滚动文字过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下字体常用的不是很多,在pyg ...
html5手机电商网页设计代码_Html5网站制作，干货！20个视觉体验和内容俱佳的优秀网页设计...
如何创建一个网页?"Html5网站制作"和"灵感干货!20个视觉.体验和内容俱佳的优秀网页设计"有什么关系和内在关联?在图片方面,有三个具体方案:图片地图.Cs ...
文件下的所有文本内容转为一个csv文件代码
在数据测试时,需要把一个文件下的无数个txt一个一个的转为csv文件中一个单元格的元素,如果手动转所需工作量太大,所以选择用代码来解决. 因为我做这个文件转换时文件名是下面这种类型: 首先批量修改文 ...
基于RNN文本生成自动写诗歌附代码详细教程
一.亮出效果世界上美好的事物很多,当我们想要表达时,总是感觉文化底蕴不够. 看到大海时,心情舒畅,顿时感觉激情澎湃,想了很久,说了句:真大啊! 看到鸟巢时,心情舒畅,顿时感觉激情澎湃,想了很久,说了 ...

html文本内容自动滚动,网页HTML代码滚动文字制作

html文本内容自动滚动,网页HTML代码滚动文字制作相关推荐

最新文章

热门文章