HTML标签marquee实现滚动效果

最新推荐文章于 2021-05-30 18:53:50 发布
最新推荐文章于 2021-05-30 18:53:50 发布
阅读量2.2k 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： HTML标签marquee实现滚动效果
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42420703/article/details/83098941
本文详细介绍了HTML中鲜为人知的marquee标签，它能够实现文字、图片等内容的滚动显示。文章涵盖了marquee标签的基本语法、多种滚动方向、滚动方式、速度及延迟设置等属性，适合网页设计初学者及希望快速实现滚动效果的开发者。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这是我第一次见到这个标签，平时写滚动效果要么用js，要么用css。现在我来简单介绍一下吧！

  1. 可以滚动的内容
    marquee不仅可以滚动文字，还可以滚动图片、表格等。

  2. 语法
    <marquee> 你要滚动的内容</marquee>

  3. 属性

    1. 滚动方向 direction: up|down|left|right
    2. 滚动方式 behavior: scroll|slide|alternate
      scroll：循环滚动（默认值）
      slide：只滚动一次就停止
      alternate：来回交替进行滚动
    3. 滚动速度 scrollamount:5
      每次滚动移动的长度，单位是像素px
    4. 滚动延迟 scrolldelay
      滚动的时间间隔，单位是毫秒ms
    5. 滚动循环loop（默认值是-1，滚动会不断的循环下去）
    6. 滚动范围width、height
    7. 滚动背景颜色bgcolor
    8. 滚动矩形区域距周围的空白区域 hspace、vspace
JavaScript-html标题滚动效果的简单实现
10-21
下面小编就为大家带来一篇JavaScript-html标题滚动效果的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML标签marquee实现滚动效果的简单方法(必看)
09-28
使用marquee标签时，还可以直接在标签内部写入HTML代码，比如图片（）和表格（），来实现这些元素的滚动效果。这在早期的网页设计中非常常见。 下面是一个使用marquee标签的示例代码： ```html <!DOCTYPE html ...
一个标签实现滚动
weixin_30446613的博客
05-18 84
标签 marqueen 无需js 达到滚动效果 <!-- 滚动公告 --><marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" hspace="10" vspace="10">我是公告....我是公告....我是公告....我是公告.....
JavaScript-html标题滚动效果
NiceGY
08-11 1192
JavaScript-html标题滚动效果
html 自动滚动标签,HTML滚动标签（marquee标签）
weixin_35414475的博客
05-30 2429
以下为学做网站论坛关于“HTML滚动标签(marquee标签)”讲解视频教程。HTML marquee标签介绍marquee标签又叫滚动标签。它是用来控制一段文本或其它元素滚动的HTML标签。我们在有的网站上看到一滚动的文字，如网站产品展示。这种滚动效果就是通过HTML marquee标签制作出来的，我们在做网站时也可以使用这个标签轻松实现滚动的效果。HTML marquee标签书写方法我是一滚动...
一个简单HTML标签marquee实现动态滚动条
请大家直接把问题写在评论区或留言，不要只说一句"你好 或 在吗"，我会尽快回复的。
12-08 1202
目录 标签效果 滚动条代码 标签属性详解 纵向滚动、横向滚动、深入浅出等都可实现 标签效果 滚动条代码 <!DOCTYPE html> <html> <head> <title>滚动条标签展示</title> </head> <body> <marquee direction=left behavior=scroll loop=3 scrollamount=6 scrolldelay=10
JS与HTML结合使用marquee标签实现无缝滚动效果代码
10-22
在本文中，我们将深入探讨如何使用JavaScript（JS）与HTML中的`<marquee>`标签结合，来实现一个无缝滚动效果。`<marquee>`标签在HTML中被用来创建元素（如文字或图像）的滚动效果，而通过JavaScript，我们可以对其...
HTML中marquee实现图片滚动,HTML标签marquee实现滚动效果(示例代码)
05-20
下面是一个使用HTML标签`marquee`实现图片滚动的示例代码： ```html <marquee behavior="scroll" direction="left"> </marquee> ``` 在上面的代码中，`<marquee>`标签用于包裹要滚动的图片。`behavior`属性...
HTML<marquee>标签的详细使用介绍
乐杨俊浅谈LAMP
08-02 2502
<marquee>标签 使用格式-----> <marquee>移动的内容</marquee> <marquee>标签的属性有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay........都是可选。 beh...
关于HTML标签marquee实现多种滚动效果
FangYifei的博客
09-11 1657
注意：&lt;marquee&gt;在HTML和HTML5中都属于废弃的特性，建议不要使用这个标签  一、marquee标签的几个重要属性：  1.direction：滚动方向(包括4个值：up、down、left、right)             说明：up：从下向上滚动；down：从上向下滚动；left：从右向左滚动；right：从左向右滚动。             语法：&lt...
HTML5怎么设置滚动字幕？
xq1353715004的博客
11-02 1631
此处输入滚动内容 ◎ direction表示滚动的方向，值可以是left，right，up，down，默认为left  ◎ behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（往返滚动）  ◎ loop表示循环的次数，值是正整数，默认为无限循环  ◎ scrollamount表示运动速度，值是正整数，默认为6  ◎ sc
marquee 跑马灯
weixin_42029487的博客
08-03 1763
marquee标签详解 标签，它是成对出现的标签，首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。 behavior属性 behavior属性的参数值为alternate、scroll、slide中...
js Marquee上下滚动效果
9527
06-17 331
js  Marquee上下滚动效果      html 引用    &lt;script&gt;    new Marquee("div",0,1,439,135,20,0,0)   &lt;/script&gt;
marquee如何让文字上下来回滚动
热门推荐
博艺的技术专栏
05-11 2万+
首先让我们认识这个标签，它是成对出现的标签，首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。behavior属性behavior属性的参数值为alternate、scroll、slide中的一个，分别表示文字
marquee滚动标签
yhy1781100847的博客
10-25 479
我是直播1 美东时间14:00   我是直播2 美东时间14:00   我是直播3 美东时间14:00 属性全解  direction 方向 默认 left    right,up,down  behavior 滚动方式 scroll单方向循环滚动     alternate来回滚动  slide只滚动一次  loop 循环次数  
marguee 上下滚动
weixin_34335458的博客
05-20 137
<!-- 滚动显示最新公告 --> <td class="navmid2"><div id=marqueeBox style="overflow:hidden;height:23px" onMouseOver="clearInterval(marqueeInterval[0])" onMouseOut="marqueeInterva...
marquee标签详解
genglintong的博客
08-12 694
博主最近在写一个比较简单的网页，想要实现滚动字幕的效果，从网上也查了一些资料，有一些是利用JS实现的，效果有好有坏但都比较复杂。偶然间看到了marquee标签，发现使用marquee标签实现这个效果很简单效果也不错。marquee介绍<marquee>hello world</marquee>常用两个事件 onMouseOut=”this.start()” 鼠标移除该区域开始移动 onMou
marquee标签的使用
weixin_30888707的博客
08-12 161
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>演示marquee</title> <style type="text/css"> *{ padding:...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值