`
wsj123
  • 浏览: 155202 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

html marquee标签讲解

    博客分类:
  • html
阅读更多
html marquee标签讲解

1.1概述
        页面实现自动滚动效果的方式有两种,方式一由JS来实现,方式二利用HTML marquee标签来实现。
        HTML marquee标签的作用是在一个区域插入滚动的文本,使用HTML marquee标签不仅可以移动文字,也可以移动图片,表格等。
注意:<marquee>在HTML和HTML5中都属于废弃的特性,建议不要使用这个标签。
1.2marquee标签
语法:
        <marquee>...</marquee>; //在标记之间添加要进行滚动的内容
属性:
        direction属性,定义滚动方向,包括4个值:up、 down、 left和 right。
        behavior属性,定义滚动方式,其值包括3个:scroll、slide和alternate(scroll:循环滚动,默认效果[缺陷是不能无缝滚动]; slide:只滚动一次就停止; alternate:来回交替进行滚动)。
        scrollamount属性,定义滚动速度(滚动速度是设置每次滚动时移动的长度,以像素为单位)。
        scrolldelay属性,定义滚动延迟(设置滚动的时间间隔,单位是毫秒)。
        loop属性,定义滚动循环(默认值是-1,滚动会不断的循环下去)。
实例:
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>实例</title>
</head>
<body>
<div>
    <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="100" height="20" >广告标语</marquee>
</div>
</body>
</html>


分享到:
评论

相关推荐

    HTML标签marquee实现滚动效果

    HTML标签marquee实现滚动效果,实现文字在网页中漂移的代码。

    会移动的文字(Marquee)

    描述中提到的“博文链接”是一个ITEYE博客文章,虽然没有具体内容提供,但我们可以推测这篇文章可能讲解了如何使用`&lt;marquee&gt;`标签来创建滚动文字效果,并可能涉及了一些相关的代码示例和技巧。 标签中的“源码”...

    html标签大全 百度上找的

    本文将详细讲解HTML的一些基本标签及其用途,这些标签对于学习和使用HTML非常有帮助。 首先,让我们来看一下`&lt;marquee&gt;`标签,这是一个非标准但常见的HTML标签,用于创建滚动或滑动的效果。例如,`&lt;marquee&gt;`可以...

    js Marquee上下滚动效果

    在HTML中,`&lt;marquee&gt;`标签用于创建一个自动移动的文字或图像,但这个标签在HTML5中已经不推荐使用,因为其可访问性和浏览器兼容性问题。然而,我们可以通过JavaScript来模拟这个效果,提供更灵活的控制和更好的用户...

    HTML代码实际应用讲解.pdf

    本篇讲解将深入解析HTML代码的一些实际运用,特别是与数据库相关的部分。 首先,一个完整的HTML帖子通常包括背景、文章、插图和收尾。例如,以下代码展示了一个设置了背景图片、边框和内边距的表格结构,常用于创建...

    html详细清楚的讲解

    `&lt;marquee&gt;`标签用于创建滚动文本或图像,可以设置滚动方向(`direction`,如`left`或`right`)、滚动方式(`behavior`,如`scroll`或`slide`)和速度(`scrollamount`)等。 ```html &lt;marquee behavior="scroll" ...

    html 讲解 文字 图片 表格相关 frame 页面布局

    10. **文字移动指令**:`&lt;marquee&gt;`标签创建滚动或闪烁的文本,`scrollAmount`设置滚动速度,`direction`定义滚动方向。 **图片相关知识**: 1. **插入图片**:使用`&lt;img&gt;`标签,`src`属性指定图像源,如`...

    javascript 模拟Marquee文字向左均匀滚动代码

    首先,我们需要了解HTML中的Marquee标签的基本用法。Marquee标签允许我们在网页上创建一个滚动区域,例如: ```html &lt;marquee behavior="scroll" direction="left"&gt;这是滚动的文字&lt;/marquee&gt; ``` 然而,Marquee...

    学习HTMLCSS标签属性大全.pdf

    这份“学习HTML CSS标签属性大全.pdf”涵盖了多个关键的HTML标签和CSS属性,下面将详细讲解其中的一些重要概念。 1. **跑马灯**:`&lt;marquee&gt;` 标签用于创建滚动文本或图像,常用于制作动态效果。它有多个属性: - ...

    html标签属性大全.pdf

    9. **文字移动指令**:`&lt;marquee&gt;`标签用于创建滚动或移动的文字或图像,`scrollAmount`属性定义移动速度,`direction`属性设置移动方向(上、下、左、右)。 10. **图片**:`&lt;img&gt;`标签用于插入图像,`src`属性...

    HTML 常用标签

    本文将详细讲解HTML中的一些常用标签,帮助初学者更好地理解和使用它们。 1. **跑马灯标签** `&lt;marquee&gt;`:此标签用于创建滚动文本效果,如新闻标题的滚动显示。`behavior`属性可以设置为`slide`(滑动)、`scroll`...

    从入门到精通HTML5——PDF——网盘链接

     10.1.1 滚动文字标签——marquee 203  10.1.2 滚动方向属性——direction 203  10.1.3 滚动方式属性——behavior 204  10.1.4 滚动速度属性——scrollamount 205  10.1.5 滚动延迟属性——scrolldelay 206  ...

    jQuery实现网站中公告上下无缝滚动,marquee(每条广告之间的高度无需一致)

    首先,我们需要了解`marquee`标签。在HTML中,`&lt;marquee&gt;`是一个非标准但广泛使用的元素,用于创建自动移动的文字或图像,通常是从右到左或者从上到下滚动。然而,由于`&lt;marquee&gt;`存在性能和浏览器兼容性问题,...

    教你如何用dreamweaver制作滚动字幕

    但请注意,虽然Marquee标签在HTML5中非正式标准,但在许多浏览器中仍然支持,实际使用时需考虑兼容性问题。另外,现代Web设计趋势倾向于使用JavaScript库如jQuery或CSS3动画来实现滚动效果,这些方法能提供更好的...

    html 简单程序编写

    在HTML5中,我们可以使用`&lt;marquee&gt;`标签实现这一效果。例如: ```html &lt;marquee behavior="scroll" direction="left"&gt;这是滚动的文字,从右向左移动&lt;/marquee&gt; ``` `behavior`属性控制滚动方式(默认为`scroll`),...

    swf HTML 爱逃课 4

    3. **第二十五课:设置滚动效果.swf** - 可能讲解了如何创建文本或图像的滚动效果,比如使用`&lt;marquee&gt;`标签。 4. **第二十四课:超链接的妙用.swf** - 这一课可能深入讲解了`&lt;a&gt;`标签的使用,包括内部链接、外部...

    HTML.zip_html5

    在HTML5中,虽然没有直接的标签支持滚动文字,但可以借助CSS的`marquee`属性或JavaScript的定时器和DOM操作来实现。 5. **SVG(Scalable Vector Graphics)**:“svg概述.html”则可能讲解了SVG,这是一种用于创建...

    HTML标记快速查询表

    以下将按照标题和描述中的分类,详细讲解各个知识点: 1. **文档基础**: - `&lt;html&gt;`:HTML文档的根元素,包裹整个文档。 - `&lt;head&gt;`:定义文档头部,包含元信息如标题、字符集等。 - `&lt;title&gt;`:设置网页的标题...

    HTML+CSS标签属性大全【范本模板】.docx

    在这个文档中,主要讲解了HTML的一些常见标签和CSS属性,特别是关于文本样式、滚动效果、区断标记、链接格式、图像以及表格的使用。 1. **滚动效果**: - `&lt;marquee&gt;`标签用于创建滚动文本或图像,例如跑马灯效果...

    dreamweaver CS3中网页滚动字幕的设计

    下面我们将详细讲解如何在Dreamweaver CS3中使用`&lt;marquee&gt;`标签以及它的各个属性。 首先,滚动字幕的基本结构是这样的: ```html &lt;marquee scrollAmount=2 width=300&gt;滚动字幕内容&lt;/marquee&gt; ``` 其中,`...

Global site tag (gtag.js) - Google Analytics