`
黄继华
  • 浏览: 45028 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

滚动字幕标记(marquee)的使用

 
阅读更多
  1. 活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用javascript编程可以实现活动字幕效果;用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看板。而用HTML的<marquee>活动字幕标记所需的代码最少,确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:
  2. <marquee
  3. aligh=left|center|right|top|bottom
  4. bgcolor=#n
  5. direction=left|right|up|down
  6. behavior=type
  7. height=n
  8. hspace=n
  9. scrollamount=n
  10. Scrolldelay=n
  11. width=n
  12. VSpace=n
  13. loop=n>
  14. 可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:
  15. align:是设定活动字幕的位置,不过除了居左、居中、居右三种位置外,又增加靠上(align=top)和靠下(align=bottom)两种位置。
  16. Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。
  17. Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。
  18. Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide":表示由一端快速滑动到另一端,且不再重复;behavior="alternate"表示在两端之间来回滚动。
  19. Height:用于设定滚动字幕的高度。
  20. Width:则设定滚动字幕的宽度。
  21. Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
  22. Scrollamount:用于设定活动字幕的滚动距离。
  23. scrolldelay:用于设定滚动两次之间的延迟时间。
  24. Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。
  25. <marquee>标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
  26.   
  27. 应用技巧
  28. 1、全取默认值,所用代码最少,请看下面的例子
  29. 这个滚动字幕全取默认值,源代码:
  30. <marquee>这里写字幕内容</marquee>
  31. 代码是不是很少?
  32. 2、垂直滚动
  33. 只要加上diriction="up"就行了,如
  34. <marqueedirection="up">这里写字幕内容</marquee>
  35. 3、多行文本的活动字幕
  36. 由于<mqrquee>标记只能作用于一段文本,因此多行活动字幕,分行时只能用<br>标记,不能用<p>标记。
  37. 示例源代码:
  38. <marquee>
  39. 活动字幕内容第一行<br>
  40. 活动字幕内容第二行<br>
  41. 活动字幕内容第三行<br>
  42. </marquee>
  43. 4、在字幕内容中加入图象
  44. <marquee>虽是一个活动字幕标记,但它允许在其中加入图象。下面是一个加入了图片的代码:
  45. <marquee><imgsrc="image/a2ball.gif"width="17"height="16">这是加入图象的活动字幕</marquee>
  46. 5、在Dreamweaver中使用<marquee>标记
  47. Dreamweaver不能在编辑窗中直接加入marquee标记,但可在源代码检视器中加入<marquee>标记,然后在编辑窗中编辑活动字幕的内容即可。
  48. <marquee>标记的参数较多,在应用中要把握一个原则,能用默认值就不要再设置参数值,用什么参数就设置该参数的值,其它参数就不要再设置,以把代码控制在最少的范围内。
分享到:
评论

相关推荐

    HTML之页面布局、图片音频和滚动字幕的处理.pdf

    在HTML中,可以使用“marquee”标记来创建滚动字幕。滚动字幕可以水平滚动、垂直滚动或其他方向滚动。 例如:&lt;marquee behavior="scroll" direction="left" scrollamount="2"&gt;滚动字幕内容&lt;/marquee&gt; HTML页面布局...

    MARQUEE 元素 marquee 对象 doc 手册

    MARQUEE元素是一种HTML标记,主要用于实现网页上的滚动文本效果。这种元素在早期的网页设计中较为常见,但随着CSS3及现代浏览器功能的增强,它的使用逐渐减少。尽管如此,在某些场景下,MARQUEE元素仍然能够发挥独特...

    react-marquee-master

    创建滚动字幕的简单组件。 字幕HTML标记已停产,但有时您仅需向网站添加闪光点即可! 使用打字稿进行构建以提供开箱即用的打字方式。 演示版 简单滚动: 扭转它,并加快它! 还是水平的! 维护者 积极的维护者-...

    滚动代码大全html.pdf

    本文档主要讲述了 HTML 中的 Marquee 标记的使用,Marquee 标记用于在可用浏览区域中滚动文本,该标记只适用...Marquee 标记提供了丰富的属性可以让开发者自由地设置滚动字幕的样式和行为,满足不同的需求和应用场景。

    HTML标签marquee实现滚动效果的简单方法(必看)

    使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:&lt;marquee&gt;…&lt;/marquee&gt;; 说明:在标记之间添加要进行滚动的内容。 重要属性: 1.滚动方向direction(包括4个值:up、 down、 left和 right)  ...

    前端项目-jQuery.Marquee.zip

    jQuery.Marquee是一款强大的前端插件,它为开发者提供了便捷的方式来实现文本、图像等元素的平滑滚动效果,类似于传统的电视字幕。这款插件由Aamirafridi开发,并在...

    网页设计与制作笔记.doc

    7. 滚动字幕标记:&lt;marquee&gt;标记,用于创建滚动字幕,具有 direction、behavior、loop、scrollamount 等属性。 8. JavaScript 语句:可以控制文字的运动状态,使用 onmouseover 事件来停止滚动字幕。 9. 字符实体...

    必用HTML标记及属性

    - `&lt;marquee&gt;`:滚动字幕标记,使文本或图像在页面上自动滚动。 - `&lt;embed&gt;`:嵌入媒体内容,如音频、视频或Flash动画。 - `&lt;bgsound&gt;`:背景音乐标记,自动播放指定音频作为背景音乐。 ### 第五章:超链接 - `&lt;a&gt;...

    html标记语言PPT教案.pptx

    - `&lt;marquee&gt;`:创建滚动字幕,已过时,但在某些场景下仍被使用。 理解并熟练运用这些基本标记,能帮助你构建一个简单的HTML页面。例如,一个简单的HTML页面可能包含以下内容: ```html &lt;!DOCTYPE html&gt; 这是我...

    网页设计与制作试题(HTML基础)有答案.doc

    在 HTML 中,MARQUEE 标记符用于创建滚动字幕,可以嵌入图象。 4. 指定水平线粗细的属性是 size。 知识点:HR 标记符的使用。在 HTML 中,HR 标记符用于创建水平线,可以使用 size 属性来指定水平线的粗细。 四、...

    JavaScript完全自学宝典

    1.6.html 使用“&lt;marquee&gt;”标记,实现的滚动字幕效果。 1.7.html 使用JavaScript实现简单的字幕滚动。 1.8.html 使用JavaScript实现字幕连续滚动。 1.9.html 使用JavaScript实现的简单数字时钟。 ...

    html标记语言课件PPT教案.pptx

    9. `&lt;marquee&gt;`创建滚动字幕,但同样在HTML5中不再推荐。 理解这些基本标记是创建简单HTML页面的基础。例如,以下是一个简单的HTML页面结构: ```html &lt;!DOCTYPE html&gt; 网页标题 一级标题 这是段落内容。 ...

    HTML语言与网页设计期末考试题 (2).pdf

    10. 滚动字幕(marquee)可以嵌入图象,只要在`&lt;marquee&gt;`标记符内正确放置图像标记符`&lt;img&gt;`即可。 复习题中还涉及到HTML的一些其他知识点: 1. `FONT`标记符的`size`属性用于设定字体大小,可以使用1到7的数字或...

    网页设计中的一些技巧(转载)

    活动字幕,又称为滚动看板,可以通过JavaScript编程或者HTML的&lt;marquee&gt;标记来实现。 JavaScript提供了一种更为灵活的方式来创建活动字幕,它可以实现更复杂的动画效果,并且可以根据用户的交互进行动态调整。然而...

    HTML语言与网页设计期末考试题.pdf

    滚动字幕(marquee)可以包含图象,CSS(Cascading Style Sheets)用于控制网页的样式,包括文字颜色、背景颜色等,属性和值之间用冒号分隔,样式声明以分号结尾。 在HTML中,`&lt;font&gt;`标签用来改变文字的样式,`...

    网站(页)设计-实验指导\实验一

    此外,通过使用&lt;marquee&gt;标签,可以创建左右滚动的文字效果,例如“唐诗欣赏(滚动字幕制作)”,最后插入一个水平线来分隔内容。 实验结束后,学生应能总结出通过实验对HTML语言的理解,例如、等基础标签的作用,...

    HTML语言与网页设计期末考试题借鉴.pdf

    10. 滚动字幕(marquee)可以嵌入图象,只要正确使用HTML标记符即可。 关于HTML的更多知识点: - `FONT`标记符用于改变字体的大小和颜色,`size`属性可以设置1到7的数字来表示字号,`+2`表示相对于当前字体大小增加...

    网页设计试题

    10. **滚动字幕**:在HTML中,可以使用`&lt;marquee&gt;`标签创建滚动字幕,并且可以嵌入图象。 **单选题知识点详解**: 1. WWW代表World Wide Web,即万维网。 2. 在HTML中插入特殊字符,小于号 `应该表示为 `&lt;`。 3....

    html标记复习资料(网络开发初级)

    6. **滚动字幕**:`&lt;marquee&gt;` 标签可以创建一个滚动显示的文字效果,如 `&lt;marquee&gt;滚动文字&lt;/marquee&gt;`。 7. **图像**:`&lt;img&gt;` 标签用于插入图片,`src` 属性指定了图像文件的路径和名称,如 `...

    网页设计试题及答案(2).doc

    在HTML中,滚动字幕可以通过`&lt;marquee&gt;`标签实现,并且可以嵌入图象。 11. 只有在框架结构的网页,才能将`&lt;A&gt;`标记符的`target`属性指定为`_blank`,使得超链接在一个新的浏览器窗口中打开。这个说法是错误的。`...

Global site tag (gtag.js) - Google Analytics