html 控制文字的标签,html里面有一个控制文字滚动的标签marquee,比较有用。
简介这篇文章主要介绍了html里面有一个控制文字滚动的标签marquee,比较有用。以及相关的经验技巧,文章约3183字,浏览量161,点赞数4,值得参考!
本节笔者讲述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里面有一个控制文字滚动的标签marquee,比较有用。相关推荐
- html里面有一个控制文字滚动的标签marquee,比较有用。
本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字 ...
- 一个简易的B站标签爬虫可视化
简易的B站标签爬虫可视化 一.基本介绍 二.使用的工具 三.前期准备 四.代码实现 一.基本介绍 B站近些年正顺应着网络新媒体的潮流,凭借其创作激励计划吸引着越来越多的人加入它的平台并产生了大量的作品 ...
- css标签显示特性(块级元素、行内元素、行内块元素、标签显示模式转换display、简单文字居中、简单导航栏案例)
HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素. 标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个 1. 块级元素(block-level) 常 ...
- 隐藏a标签html,a标签显示隐藏 js怎么控制a标签的显示和隐藏
js怎么控制a标签的显示和隐藏 将标签放在层里面,控制层的显示和隐藏就可以: show是层的ID名, 隐藏层:document.getElementById("show").sty ...
- CSS控制图片大小、边框、对齐方式、文字环绕
CSS操作图片大小 width属性和height属性可以用于定义图片大小. width属性和hieght属性的属性值都是像素. CSS操作图片边框 border-width属性用于定义<img& ...
- html中文本格式化、预格式化、计算机输出标签、address、title、文字方向、著作
文本格式化标签: 预格式化标签pre: 网页中文本默认是显示一行,没有格式,通过<pre></pre>标签包裹会显示默认的格式. <pre> <!-- 通过p ...
- 林期苏曼属性标签编辑_标签设计软件如何设置条码文字分段显示
在日常生活中我们遇到的条码文字一般都是居中显示的,但是也有分段显示的,如药品标签上的条码文字,那么这个分段的的条码文字在标签设计软件中是如何实现的呢?具体操作如下: 1.打开标签设计软件,在软件中新建 ...
- thymeleaf模板+Shiro标签对按钮权限的控制
thymeleaf模板+Shiro标签对按钮权限的控制 环境介绍 SpringBoot+Shiro+thymeleaf模板+Layui(前端) 这两天学习了shiro相关的技术,碰到一个问题:如何根据 ...
- 【龙芯1B】:LCD显示图片文字背景色前景色、小创语音控制lcd显示、数码管倒计时
项目场景: 闲来无事,写了几个关于嵌入式技能大赛的任务.希望对大家有所帮助.本文开发板由百科荣创的龙芯1b开发板支持,关于嵌入式技能大赛的开发板. LCD显示图片&文字&背景 ...
最新文章
- 搞技术多少要有点危机意识,切不可温水煮青蛙
- mysql查看当前连接数
- 用于J2EE开发的Cloud IDE
- C#的变迁史03 - C# 3.0篇
- 【Spring学习笔记-MVC-1.3】消息转换器HttpMessageConverter
- IHS遥感图像融合算法及其相关的算法
- WPF学习笔记(6):DataSet更新后台数据库个别列失败的问题
- js实现简单的全选和反选
- Mysql 5.7 Gtid内部学习(八) Gtid带来的运维改变
- 关于对话机器人,你需要了解这些技术
- 矩阵的转置例题MATLAB,MATLAB特殊矩阵以及矩阵转置
- Flutter 与 Compose 应该怎么选择?它们冲突吗?
- 乐动ld06激光雷达sdk改bug记录分享
- spring boot火车票预订系统毕业设计-附源码091029
- 概率论之多元随机变量及其分布
- 面向对象开发期末复习概述(二)
- 玩客云刷上Armbian的体验
- Python【3】:格式化输出
- uml建模工具 支持php,【UML 建模】在线UML建模工具 ProcessOn 使用详解
- android usb恢复,安卓数据恢复常见问题汇总