`
lgstarzkhl
  • 浏览: 335339 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

html marque元素标签属性的参数说明

阅读更多
功能  创建一个滚动的文本字幕。

参数  direction 表示滚动的方向,值可以是left,right,up,down,默认为left

  behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

  loop 表示循环的次数,值是正整数,默认为无限循环

  scrollamount 表示运动速度,值是正整数,默认为6

  scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒

  valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle

  align 表示元素的水平对齐方式,值可以是left,center,right,默认为left

  bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色

  height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度

  hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

  onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

注释  MARQUEE 元素的默认宽度与其父元素的宽度相等。如果 MARQUEE 位于没有指定宽度的 TD 内,你就需要明确设置 MARQUEE 的宽度。如果 MARQUEE 和 TD 的宽度都没有指定,那么滚动字幕就将限定于 1 个像素宽。

  要创建垂直滚动的字幕,请将其 scrollLeft 属性设定为 0。要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置。

  scrollLeft 和 scrollTop 属性当字幕滚动时为只读。当不处于滚动状态时,scrollLeft 对于设置为水平滚动的字幕来说为可读写,scrollTop 对于设置为垂直滚动的字幕来说为可读写。

  此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。

  此元素是块元素。

  此元素需要关闭标签。

示例  下面的例子使用了 MARQUEE 元素创建了由左向右的滚动字幕,移动速度为每 200 毫秒 10 像素。

   这是一个滚动字幕。



http://www.zhentankj.com/newsList.asp?id=117
分享到:
评论
1 楼 sumaolin 2012-02-29  
写的挺详细的啊

相关推荐

    Marque Ponto G3 – Manual do Usuário

    根据提供的文件信息,我们可以推断出“Marque Ponto G3”是一款电子打卡机,并且这份文档是其用户手册。接下来,我们将详细解读并总结出其中的重要知识点。 ### Marque Ponto G3 – Manual do Usuário #### 1. **...

    marque:Marque-书签管理器

    Marque-书签管理器 Marque是可通过网络浏览器使用的书签管理器。 要求:转到1.5,node.js 1.10 +,yarn或npm并可选制作。 安装 git clone https://github.com/terotoi/marque.git 转到marque目录,然后键入: ...

    HTML标签marquee实现多种滚动效果(无需JS控制)

    页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 – <marquee></marquee>可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:…; ...

    多张图片向左移动源码

    1. JavaScript基础:包括DOM操作(document对象模型,用于选取和修改HTML元素)、事件处理(如定时器事件,控制图片滚动的频率)和动画效果(如使用CSS3的transition或requestAnimationFrame实现平滑滚动)。...

    jquery.marquee.js官方下载

    其中,`#yourElement`是你想要添加滚动效果的HTML元素的ID。 在实际应用中,我们还可以通过设置参数来定制滚动效果,例如: ```javascript $('#yourElement').marquee({ duration: 5000, // 滚动完成所需时间,...

    JQuery插件Marquee.js实现无缝滚动效果

    Marquee.js是一个强大的工具,它允许开发者轻松地创建具有平滑滚动动画的元素,适用于新闻标题、公告或任何需要滚动展示的内容。 首先,让我们理解Marquee.js的主要功能。该插件提供了多个可配置的属性,以适应各种...

    微信小程序组件之marquee

    1. marquee标签 html是有marquee标签的,可以实现跑马灯效果,但小程序没有,所以要实现。这里考虑使用css3的animation实现。 html的marquee是这样使用的。 "left" behavior="scroll" scrollamount="1" ...

    js文字滚动停顿效果代码

    接下来,定义了一些变量,如`picH`(滚动的高度)、`scrollstep`(每次滚动的距离)、`scrolltime`(滚动间隔时间)和`stoptime`(停顿时间),这些参数可以调整滚动的速度和停顿的时长。 `start`函数是实现滚动的...

    firbug1.6 web调试好工具

    Firebug提供了强大的CSS调试功能,可以方便地查看元素的样式属性,包括继承的样式、内联样式以及自定义规则等。此外,还支持对样式进行实时编辑和预览效果,这对于快速调整页面布局非常有用。 例如,在提供的部分...

    详解vue 自定义marquee无缝滚动组件

    先上效果图: (1) 看起来可能有点卡顿,但是实际上页面上看起来挺顺畅的。 (2) 思路就是获取每一个列表的宽度,设置定时器移动列表,当移动的距离达到一个列表... import marqueeLeft from '../components/marque

    Solaris 8 (SPARC 平台版) 10/00 发行说明更新-76

    UNIX est une marque enregistrée exclusivement par X/Open Company, Ltd. dans les États-Unis et d'autres pays. Sun, Sun Microsystems, le logo Sun, docs.sun.com, AnswerBook, AnswerBook2, Java, JDK, ...

    Android 文字跑马灯和上下翻滚效果

    在Android开发中,实现文字跑马灯和上下翻滚效果是...开发者可以根据项目需求选择合适的实现方式,通过调整滚动速度、方向等参数来优化用户体验。在自定义View时,需要注意性能优化,避免频繁的重绘操作导致性能下降。

    商城sku设计.md

    例如,某款特殊设计的鞋子可能需要额外的规格参数来描述其独特之处,这时就可以通过自定义属性来实现。 #### 三、数据表设计实例 下面给出一个简单的商品表(SPU表)设计示例,用于说明如何在数据库中实现这些概念...

    HTML Marquee 字符片段滚动

    以下其属性: direction 设定活动字幕的滚动方向 代码如下: 设定活动字幕的滚动方向direction=down:向下</marquee> 设定活动字幕的滚动方向direction=left:向左</marquee> 设定活动字幕的滚动方向direction=...

    基于jQuery实现一个marquee无缝滚动的插件

    基于jQuery,实现一个marquee无缝滚动的插件,已经发布到 git.oschina.net,演示稍后更新(更新到 ... * 使用说明:http://www.miaoqiyuan.cn/p/jquery-marquee * 最新版本:http://g

    solutionbox-velocidad

    Los Comentarios HTML电子邮件pueden aumentar el riesgo de que un correo se marque como Podésverloaquí-> 2.横幅广告 :downcast_face_with_sweat: 横幅广告横幅(940x300) Animacion con KeyFrame Podrí...

    JS Expert Week 8.0 - 在浏览器上传之前预处理视频.zip

    Marque esse projeto com uma estrela e accesse o nosso grupo 官方 no WhatsApp预览先决条件项目项目使用 Node.js v18.17.0您可以理想地使用 Unix (Linux) 环境中的项目。如果没有 Windows,建议使用Windows 子...

    JS 专家周 7.0- 使用眼睛和手部检测控制流媒体平台.zip

    Marque esse projeto com uma estrela 现场演示Para testar o projeto Final clique aqui预览先决条件项目项目使用 Node.js v19.6您可以理想地使用 Unix (Linux) 环境中的项目。如果没有 Windows,建议使用Windows ...

    响应式布局代码

    通过CSS中的媒体查询(Media Queries)技术,我们可以针对不同的视口宽度设定不同的样式规则,从而实现页面元素在不同屏幕尺寸下的自适应布局。 #### 二、核心概念解析 1. **媒体查询(Media Queries)**:用于...

    红警java源码-XSS-Payloads:XSS有效载荷的乐趣和利润

    红警java源码XSS-有效载荷 用于在参与期间测试 Web 应用程序的 XSS 负载收集 2020 年的有效载荷 - 一些更新 摘自(很棒的作品) SVG < svg / onload = alert ( 1 ) > < svg > ...HTML ...marque

Global site tag (gtag.js) - Google Analytics