首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

marquee 标签的使用详情

标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。...标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等...behavior属性  behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚动、只滚动一次,需要注意的是:如果在标签中同时出现了...表示运动区域的背景色,值是16进制的RGB颜色,默认为白色    height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度...此元素需要关闭标签。  示例    下面的例子使用了 MARQUEE 元素创建了由左向右的滚动字幕,移动速度为每 200 毫秒 10 像素。

2.6K30

marquee 标签参数详细说明

marquee 元素()可以 用来插入一段滚动的文字,实现类似走马灯的动效。 但这个标签已经过时(MDN文档已经不建议使用),此前因之前项目紧急用过,做个标签参数小结。... 2. 方法 start:开始滚动 marquee。 stop:停止滚动 marquee。 上面两个方法通常和鼠标事件配合,来实现“鼠标移入停止滚动,鼠标一开开始滚动”的效果。... 3. 事件回调 onbounce:当 marquee 滚动到结尾时触发。它只能在 behavior 属性设置为 alternate 时触发。...onfinish:当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发。 onstart:当 marquee 开始滚动时触发。...; } 参考文章: MDN文档 Marquee标签 html之marquee详解(超详细!)

2.4K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    marquee内部数据动态生成时,首次加载会闪跳问题

    marquee 元素()可以 用来插入一段滚动的文字,实现类似走马灯的动效。...尽管它已经过时(MDN文档已经不建议使用),但不得不说,在快速实现文字滚动时,这个标签依旧简单粗暴。...解决方案 我尝试过再内部放置一个空内容标签,指定一个足够长的宽度,比如这样: 但并没有什么用...后面想,什么静态宽度,干脆等有数据了,再构建marquee标签好了。嗯,这种方式可以解决问题。 <!...小结 本次在问题重现上走了很多弯路,最初以为是布局样式或者是标签属性设置问题,后来偶然发现闪跳的时机(闪跳的宽度)才想到了静态宽度。所以静态标签和动态创建数据会有出入,需要小心。

    1.1K10

    HTML跑马灯

    引言 HTML提供了一种非常简单实现跑马灯效果的标签Marquee标签,通过设置不同的属性,可以实现不同的跑马灯效果: 跑马灯的背景及背景 宽123 高77 背景色为#f5f5f5的滚动区域: 这是一个跑马灯 跑马灯速度 scrollamount:数值越大,滚动速度越快 通常设为5-10 这是一个速度为7的滚动向右滚动 向右滚动 跑马灯循环 loop:设置跑马灯循环次数;默认值为-1或infinite,表示无限循环滚动 这是一个循环三次滚动... 这是一个循环三次滚动 跑马灯滚动方式 behavior:可设为 默认为循环滚动 这是一个跑马灯 这是一个跑马灯 跑马灯延迟 scrolldelay: 数值值越大,滚动速度越慢,通常不设置 <marquee scrolldelay

    1.6K20

    marquee一行代码实现滚动跑马灯效果无需js

    网站设计案例展示一般用幻灯片切换会比较高大上,但这需要用到js,第三方博客等网站不支持外嵌js,或者有些网友不知道怎么用,有一种方法可以解决,用标签,可以实现多种滚动效果...marquee标签不仅可以滚动文字,也可以滚动图片,表格等,而且使用起来方便快捷,节省了不少时间。实现效果可以看右侧栏。怎么用呢?...>  一、marquee标签的几个重要属性:          1.direction:滚动方向(包括4个值:up、down、left、right)             说明:up:从下向上滚动...                          我只走两次哦          6.width...size="3">            13.STRONG:设定滚动字幕的文字加粗  语法:   二、marquee常用到的两个事件

    5.9K50

    【HTML】HTML 标签 ② ( 排版标签 | 标题标签 | 段落标签 | 水平线标签 | 换行标签 | div 标签 | span 标签 )

    文章目录 一、排版标签 1、标题标签 2、段落标签 3、水平线标签 4、换行标签 5、div 标签 和 span 标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签..., 其中 链接涉及到 相对路径 与 绝对路径问题 ; 一、排版标签 ---- 排版标签 是 网页布局 中 , 最常用的标签 , 排版标签又分为如下几个类型 : 标题标签 段落标签 水平线标签 换行标签...div 标签 span 标签 1、标题标签 HTML 提供了 6 个等级的标题 , 分别是 一级标题 二级标题 三级标题...水平线标签 , 可以在网页中添加一条分割横线 , 标签代码如下 : 在标题下添加了 标签后的效果 , 在网页中 , 显示了一条横线 ; 4、换行标签 换行标签 : <br...和 span 标签 div 标签 和 span 标签 都用于 网页布局 ; div 标签 一行 只能设置一个 ; 布局内容 span 标签 一行可以设置多个 ;

    10.1K30
    领券