84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
在html5中,marquee标签用于创建滚动文本或图像,语法“ 文本或图像 )”;它可以让包含于标签对中的内容在网页上水平或垂直向下滚动,通过设置属性可以控制当文本到达容器边缘发生的事情,例如behavior属性可以控制滚动方式(循环滚动、只滚动一次就停止和来回交替滚动)。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
在html中,marquee的意思为“滚动”。marquee 元素( ) 用来插入一段滚动的文字。 标签成对出现。内容写在开始 ( ) 和结束 ( ) 标记之间。 该标签用于使文本或图像在网页上水平或垂直向下滚动。你可以使用它的属性控制当文本到达容器边缘发生的事情。 marquee 滚动文字标签 在一个页面中会有很多多媒体元素,比如动态文字、动态图象、音视频等,而最简单的就是天价滚动文字了,在HTML中,如果我们想要添加滚动文字,需要使用marquee标签。 我们先来看一下最简单的示例: marquee Welcom PHPCN! 登录后复制 为了显示效果更明显,这里将页面背景设置为黑色,将滚动文字设置为白色,显示效果如图: 这样我们就实现了一个最简单的滚动文字,在滚动文字中还有一些属性用于控制滚动方向、滚动速度等,下面我们就来看一下几个比较常用的属性。 direction 滚动方向属性 默认情况下,文字从右向左滚动,实际应用中,我们可能需要改变方向,就可以通过该属性来设置,该属性可用值有:up,down,left,right,分别表示向上、向下、向左和向右滚动。示例如下: marquee UP DOWN LEFT RIGHT 登录后复制 behavior 滚动方式属性 通过behavior 可以设置滚动方式,如往复运动等。behavior可用值有:scroll,slide,alternate,分别表示循环滚动、只滚动一次就停止和来回交替滚动。示例如下: marquee scroll slide alternate 登录后复制 scrolldelay 滚动延迟属性与scrollamount 滚动速度属性 通过scrolldelay属性可以设置文字滚动的时间间隔。scrolldelay 的时间间隔单位是毫秒,这一时间间隔设置为滚动两步之间的时间间隔,如果时间过长,则会出现走走停停的效果。scrollamount 用于设置滚动的步长。示例如下: marquee Welcom PHPCN! 登录后复制 loop 滚动循环属性 如果我们希望文字滚动几次后停止,就可以使用loop属性。 示例如下: marquee Welcom CSDN! 登录后复制 (学习视频分享:web前端入门) 以上是html5中marquee标签怎么用的详细内容。更多信息请关注PHP中文网其他相关文章! 相关标签: html html5 来源:php.cn 上一篇:web前端中的web是什么意思 下一篇:CSS a是行内元素吗 本站声明 本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn 作者最新文章 深入搞懂Redis中的哨兵 2023-04-26 17:59:18 【整理分享】7个热门的React状态管理工具 2023-04-26 17:47:48 一文讨论Vue2中key和Vue3中key的区别 2023-04-26 17:41:42 一文聊聊Node中的内存控制 2023-04-26 17:37:05 实用Excel技巧分享:4种删除重复值的小妙招! 2023-04-26 17:31:25 实用Word技巧分享:简繁转换功能竟然可以这样用! 2023-04-26 17:27:32 如何解决跨域?常见解决方案浅析 2023-04-25 19:57:58 一文理解JavaScript中的单例模式 2023-04-25 19:53:11 深入了解Node中的Buffer 2023-04-25 19:49:11 探讨如何在Vue3中编写单元测试 2023-04-25 19:41:54 最新问题 如何使用Javascript设置HTML5的required属性? 我正在尝试在Javascript中将text输入框标记为必需。 来自于 2023-10-13 08:52:25 0 2 317 无法获取鼠标准确坐标的问题:在调整页面大小时使用HTML5画布 我想从前端专家那里创建这个像素效果。虽然我能够在全屏画布上实现整个像素效果:constcanvas=getElementById('canvas');canvas.height=w... 来自于 2023-09-12 12:20:33 0 1 280 使用Base64编码的HTML5视频M3U8 我想在HTML5的Video标签中添加一个base64编码的M3U8文件,我该怎么做 来自于 2023-09-09 23:07:18 0 1 247 vue.js / bootstrap:未调用 onclick 事件方法,错误'找不到变量:updateDocument” 我是前端开发新手,但对HTML5、CSS和Javascript有基本了解。我创建了一个vue.js项目并添加了bootstrap和axios。我的应用程序加载数据并显示它们。但是,... 来自于 2023-09-09 20:06:48 0 1 362 XHTML中移除图像标签中的闭合斜杠'/' 我有一个存储图像的字符串txt1。它的值是XHTML格式,即元素已关闭:。但我需要删除该关闭斜杠,因此它可以是就像HTML5中一样。有没有办法做到这一点。 来自于 2023-09-06 12:15:38 0 1 240 相关专题 更多> html版权符号 html在线编辑器 html网页制作 html空格 html是什么 html字体大小怎么设置 html转txt html文本框代码怎么写 热门推荐 什么是URL地址 web端是什么意思 编程语言有哪些 什么是IT行业 error是什么意思 热门教程 更多> 相关教程 热门推荐 最新课程 前端基础HTML5+CSS3从入门到精通(完整版) 270591 前端HTML5+CSS3(女神版) 190326 Web开发基础_HTML+CSS 32999 HTML5前端面试题 22474 最通俗易懂的html+css课程 9天速成 38164 最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课) 1394922次学习 JAVA 初级入门视频教程 2350972次学习 小甲鱼零基础入门学习Python视频教程 493321次学习 Web前端开发极速入门 213418次学习 零基础精通 PS 视频教程 843290次学习 【web前端】Node.js快速入门 3149次学习 国外Web开发全栈课程全集 2549次学习 Go语言实战之 GraphQL 1990次学习 550W粉丝大佬手把手从零学JavaScript 465次学习 python大神Mosh,零基础小白6小时完全入门 10896次学习 最新下载 更多> 网站特效 网站源码 网站素材 前端模板 [表单按钮] jQuery企业留言表单联系代码 [播放器特效] HTML5 MP3音乐盒播放特效 [菜单导航] HTML5炫酷粒子动画导航菜单特效 [表单按钮] jQuery可视化表单拖拽编辑代码 [播放器特效] VUE.JS仿酷狗音乐播放器代码 [html5特效] 经典html5推箱子小游戏 [图片特效] jQuery滚动添加或减少图片特效 [相册特效] CSS3个人相册封面悬停放大特效 [前端模板] 家居装潢清洁维修服务公司网站模板 [前端模板] 清新配色个人求职简历引导页模板 [前端模板] 设计师创意求职简历网页模板 [前端模板] 现代工程建筑公司网站模板 [前端模板] 教育服务机构响应式HTML5模板 [前端模板] 网上电子书店商城网站模板 [前端模板] IT技术解决互联网公司网站模板 [前端模板] 紫色风格外汇交易服务网站模板 [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG) [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG) [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS) [PNG素材] 金色的毕业帽矢量素材(EPS+PNG) [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG) [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG) [banner图] 扁平风格的植树节banner矢量素材(AI+EPS) [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG) [前端模板] 家居装潢清洁维修服务公司网站模板 [前端模板] 清新配色个人求职简历引导页模板 [前端模板] 设计师创意求职简历网页模板 [前端模板] 现代工程建筑公司网站模板 [前端模板] 教育服务机构响应式HTML5模板 [前端模板] 网上电子书店商城网站模板 [前端模板] IT技术解决互联网公司网站模板 [前端模板] 紫色风格外汇交易服务网站模板 关于我们 免责声明 Sitemap PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!
标签成对出现。内容写在开始 ( ) 和结束 ( ) 标记之间。 该标签用于使文本或图像在网页上水平或垂直向下滚动。你可以使用它的属性控制当文本到达容器边缘发生的事情。 marquee 滚动文字标签 在一个页面中会有很多多媒体元素,比如动态文字、动态图象、音视频等,而最简单的就是天价滚动文字了,在HTML中,如果我们想要添加滚动文字,需要使用marquee标签。 我们先来看一下最简单的示例: marquee Welcom PHPCN! 登录后复制 为了显示效果更明显,这里将页面背景设置为黑色,将滚动文字设置为白色,显示效果如图: 这样我们就实现了一个最简单的滚动文字,在滚动文字中还有一些属性用于控制滚动方向、滚动速度等,下面我们就来看一下几个比较常用的属性。 direction 滚动方向属性 默认情况下,文字从右向左滚动,实际应用中,我们可能需要改变方向,就可以通过该属性来设置,该属性可用值有:up,down,left,right,分别表示向上、向下、向左和向右滚动。示例如下: marquee UP DOWN LEFT RIGHT 登录后复制 behavior 滚动方式属性 通过behavior 可以设置滚动方式,如往复运动等。behavior可用值有:scroll,slide,alternate,分别表示循环滚动、只滚动一次就停止和来回交替滚动。示例如下: marquee scroll slide alternate 登录后复制 scrolldelay 滚动延迟属性与scrollamount 滚动速度属性 通过scrolldelay属性可以设置文字滚动的时间间隔。scrolldelay 的时间间隔单位是毫秒,这一时间间隔设置为滚动两步之间的时间间隔,如果时间过长,则会出现走走停停的效果。scrollamount 用于设置滚动的步长。示例如下: marquee Welcom PHPCN! 登录后复制 loop 滚动循环属性 如果我们希望文字滚动几次后停止,就可以使用loop属性。 示例如下: marquee Welcom CSDN! 登录后复制 (学习视频分享:web前端入门) 以上是html5中marquee标签怎么用的详细内容。更多信息请关注PHP中文网其他相关文章! 相关标签: html html5 来源:php.cn 上一篇:web前端中的web是什么意思 下一篇:CSS a是行内元素吗 本站声明 本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn 作者最新文章 深入搞懂Redis中的哨兵 2023-04-26 17:59:18 【整理分享】7个热门的React状态管理工具 2023-04-26 17:47:48 一文讨论Vue2中key和Vue3中key的区别 2023-04-26 17:41:42 一文聊聊Node中的内存控制 2023-04-26 17:37:05 实用Excel技巧分享:4种删除重复值的小妙招! 2023-04-26 17:31:25 实用Word技巧分享:简繁转换功能竟然可以这样用! 2023-04-26 17:27:32 如何解决跨域?常见解决方案浅析 2023-04-25 19:57:58 一文理解JavaScript中的单例模式 2023-04-25 19:53:11 深入了解Node中的Buffer 2023-04-25 19:49:11 探讨如何在Vue3中编写单元测试 2023-04-25 19:41:54 最新问题 如何使用Javascript设置HTML5的required属性? 我正在尝试在Javascript中将text输入框标记为必需。 来自于 2023-10-13 08:52:25 0 2 317 无法获取鼠标准确坐标的问题:在调整页面大小时使用HTML5画布 我想从前端专家那里创建这个像素效果。虽然我能够在全屏画布上实现整个像素效果:constcanvas=getElementById('canvas');canvas.height=w... 来自于 2023-09-12 12:20:33 0 1 280 使用Base64编码的HTML5视频M3U8 我想在HTML5的Video标签中添加一个base64编码的M3U8文件,我该怎么做 来自于 2023-09-09 23:07:18 0 1 247 vue.js / bootstrap:未调用 onclick 事件方法,错误'找不到变量:updateDocument” 我是前端开发新手,但对HTML5、CSS和Javascript有基本了解。我创建了一个vue.js项目并添加了bootstrap和axios。我的应用程序加载数据并显示它们。但是,... 来自于 2023-09-09 20:06:48 0 1 362 XHTML中移除图像标签中的闭合斜杠'/' 我有一个存储图像的字符串txt1。它的值是XHTML格式,即元素已关闭:。但我需要删除该关闭斜杠,因此它可以是就像HTML5中一样。有没有办法做到这一点。 来自于 2023-09-06 12:15:38 0 1 240 相关专题 更多> html版权符号 html在线编辑器 html网页制作 html空格 html是什么 html字体大小怎么设置 html转txt html文本框代码怎么写 热门推荐 什么是URL地址 web端是什么意思 编程语言有哪些 什么是IT行业 error是什么意思 热门教程 更多> 相关教程 热门推荐 最新课程 前端基础HTML5+CSS3从入门到精通(完整版) 270591 前端HTML5+CSS3(女神版) 190326 Web开发基础_HTML+CSS 32999 HTML5前端面试题 22474 最通俗易懂的html+css课程 9天速成 38164 最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课) 1394922次学习 JAVA 初级入门视频教程 2350972次学习 小甲鱼零基础入门学习Python视频教程 493321次学习 Web前端开发极速入门 213418次学习 零基础精通 PS 视频教程 843290次学习 【web前端】Node.js快速入门 3149次学习 国外Web开发全栈课程全集 2549次学习 Go语言实战之 GraphQL 1990次学习 550W粉丝大佬手把手从零学JavaScript 465次学习 python大神Mosh,零基础小白6小时完全入门 10896次学习 最新下载 更多> 网站特效 网站源码 网站素材 前端模板 [表单按钮] jQuery企业留言表单联系代码 [播放器特效] HTML5 MP3音乐盒播放特效 [菜单导航] HTML5炫酷粒子动画导航菜单特效 [表单按钮] jQuery可视化表单拖拽编辑代码 [播放器特效] VUE.JS仿酷狗音乐播放器代码 [html5特效] 经典html5推箱子小游戏 [图片特效] jQuery滚动添加或减少图片特效 [相册特效] CSS3个人相册封面悬停放大特效 [前端模板] 家居装潢清洁维修服务公司网站模板 [前端模板] 清新配色个人求职简历引导页模板 [前端模板] 设计师创意求职简历网页模板 [前端模板] 现代工程建筑公司网站模板 [前端模板] 教育服务机构响应式HTML5模板 [前端模板] 网上电子书店商城网站模板 [前端模板] IT技术解决互联网公司网站模板 [前端模板] 紫色风格外汇交易服务网站模板 [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG) [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG) [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS) [PNG素材] 金色的毕业帽矢量素材(EPS+PNG) [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG) [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG) [banner图] 扁平风格的植树节banner矢量素材(AI+EPS) [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG) [前端模板] 家居装潢清洁维修服务公司网站模板 [前端模板] 清新配色个人求职简历引导页模板 [前端模板] 设计师创意求职简历网页模板 [前端模板] 现代工程建筑公司网站模板 [前端模板] 教育服务机构响应式HTML5模板 [前端模板] 网上电子书店商城网站模板 [前端模板] IT技术解决互联网公司网站模板 [前端模板] 紫色风格外汇交易服务网站模板 关于我们 免责声明 Sitemap PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!
该标签用于使文本或图像在网页上水平或垂直向下滚动。你可以使用它的属性控制当文本到达容器边缘发生的事情。
在一个页面中会有很多多媒体元素,比如动态文字、动态图象、音视频等,而最简单的就是天价滚动文字了,在HTML中,如果我们想要添加滚动文字,需要使用marquee标签。
marquee
我们先来看一下最简单的示例:
marquee Welcom PHPCN!
为了显示效果更明显,这里将页面背景设置为黑色,将滚动文字设置为白色,显示效果如图:
这样我们就实现了一个最简单的滚动文字,在滚动文字中还有一些属性用于控制滚动方向、滚动速度等,下面我们就来看一下几个比较常用的属性。
默认情况下,文字从右向左滚动,实际应用中,我们可能需要改变方向,就可以通过该属性来设置,该属性可用值有:up,down,left,right,分别表示向上、向下、向左和向右滚动。示例如下:
up
down
left
right
marquee UP DOWN LEFT RIGHT
通过behavior 可以设置滚动方式,如往复运动等。behavior可用值有:scroll,slide,alternate,分别表示循环滚动、只滚动一次就停止和来回交替滚动。示例如下:
scroll
slide
alternate
marquee scroll slide alternate
通过scrolldelay属性可以设置文字滚动的时间间隔。scrolldelay 的时间间隔单位是毫秒,这一时间间隔设置为滚动两步之间的时间间隔,如果时间过长,则会出现走走停停的效果。scrollamount 用于设置滚动的步长。示例如下:
如果我们希望文字滚动几次后停止,就可以使用loop属性。
示例如下:
marquee Welcom CSDN!
(学习视频分享:web前端入门)
以上是html5中marquee标签怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!