两千人站长交流群: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实现滚动效果的简单方法(必看)的全部内容了,希望大家喜欢哦~

    其他网友正在看:
    关于alt和title的用法区别详解

    经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结:相同点:他们都会飘出一个小浮层,显示文本内容。不同点:1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:<title>标题</title>。2.alt属性则是用来···

    2018-05-30关键词:

    提交表单后转到另一个文件

    问题:在HTML中如何写跳转到某文件?HTML中我希望按了提交后转到aaa.asp这个文件,action这里应该怎么写?form<form id="form" name="form" method="post" action=""> <input type="submit" name="Submit&q···

    2018-05-30关键词:

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

    HTML 表单用于搜集不同类型的用户输入HTML 表单用于收集用户输入;form 元素定义 HTML 表单。<form> form elements</form>Action 属性action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。 通常,表单会被提交···

    2018-05-30关键词:

    html插入链接的实现方法

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

    2018-05-30关键词:

    表格标签(table)深入了解

    表格(table)是一直以来长期被大家使用的标签,直到现在还是在用,不过呢因为现在的网站重构,建议大家不要表格(table)来布局而很多朋友误以为用表格(table)就是所谓的不标准了,其实不然,表格(table)是一个重要元素。前不久为了寻找表格(table)所包含的主要标签,···

    2018-05-30关键词:

    HTML基本结构_动力节点Java学院整理

    很多时候学网页制作开发的时候第一看到的印象深刻的就是html或htm后缀结尾的网页,我们把这类网页归结为静态网页,伪静态除外。那html或htm与其它如php、asp、aspx、jsp等后缀结尾的网页有什么区别呢?首先,html页面是静态的从头到尾没有程序的执行是纯的html语言,是不经过···

    2018-05-30关键词: