两千人站长交流群:462137404 / VIP用户交流群:462197261 收藏本站哈站网 zhan.ha.cn 精品建站资源第一站,让建站变得更加容易!
业务咨询:78895949 联系电话:13402647354
  • 当前位置:
  • HTML标签marquee实现滚动效果的简单方法(必看)

    Html实例2018年05月30日关键词:

    页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 – <marquee></marquee>可以实现多种滚动效果,无需js控制。

    使用marquee标记不仅可以移动文字,也可以移动图片,表格等.

    语法:<marquee>…</marquee>; 说明:在标记之间添加要进行滚动的内容。

    重要属性:

    1.滚动方向direction(包括4个值:up、 down、 left和 right)

      语法:<marquee direction="滚动方向">…</marquee>

    2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)

      语法:<marquee behavior="滚动方式">…</marquee>

    3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)

      语法:<marquee scrollamount="5">…</marquee>

    4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)

      语法:<marquee scrolldelay="100">…</marquee>

    5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

      语法:<marquee loop="2">…</marquee>

    6.滚动范围width、height

    7.滚动背景颜色bgcolor

    8.空白空间hspace、vspace

     代码示例:

    XML/HTML Code复制内容到剪贴板
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    2. <html xmlns="http://www.w3.org/1999/xhtml">  
    3. <head>  
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    5. <title>无标题文档</title>  
    6. </head>  
    7.   
    8. <body>  
    9. <div>  
    10. <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">  
    11. 指整个Marquee对齐方式; (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复…   
    12. </marquee>  
    13. </div>  
    14. </body>  
    15. </html>  

    以上就是小编为大家带来的HTML标签marquee实现滚动效果的简单方法(必看)的全部内容了,希望大家喜欢哦~

    其他网友正在看:
    HTML中锚点的使用_动力节点Java学院整理

    现在总结一下控制锚点的几种情况:1. 在同一页面中 <a name="add"></a><!-- 定义锚点 --><a href="#add">跳转到add</a>2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点 <···

    2018-05-30关键词:

    XHTML中的超链接标签使用教程

    超链接,也叫“链接”。超链接在我们浏览的网页上可以说是无处不在,我们点击网页上某个链接地址,即链接到另一个网页,这就是超链接在起作用。使用 <a></a> 标签来定义超链接,语法:<a href="url">显示的文字或图片</a>例子:···

    2018-05-30关键词:

    html插入链接的实现方法

    每个网页都已一个地址,用URL()标识,通常在网站内部创建链接时,通常使用相对地址内部链接XML/HTML Code复制内容到剪贴板<a href="链接地址" target="目标窗口的打开方式(-self,-blank,-top,-parent)"> 说明文字 </a&···

    2018-05-30关键词:

    HTML DOM简介_动力节点Java学院整理

    什么是DOM?通过JavaScript,您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口,连同对HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获···

    2018-05-30关键词:

    关于html的表单元素详解(二)

    HTML Input 属性value 属性value 属性规定输入字段的初始值:<form action=""><input type="text" name="name" value="脚本之家"></form> readonly 属性readonly 属性规定输入字段为只读(不能修改):&···

    2018-05-30关键词:

    详解HTML常用的标签中行内元素和块级元素

    块元素(block element) HTML标签分类明细     * address – 地址     * blockquote – 块引用     * center – 举中对齐块     * dir – 目录列表     * div ̵···

    2018-05-30关键词: