zoukankan      html  css  js  c++  java
  • 一个神奇的HTML标签-----marquee

    今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。

    语法:<marquee>...</marquee>// 在标记之间添加要进行滚动的内容。可以输入文字,还可以放图片代码Flash动画代码gif动态小图代码等。

    属性:

    属性汇总例句:
    <marquee direction="up" behavior="scroll“ loop=”3“ scrollamount=”1“ scrolldelay=”10“ bgcolor="#ccffff" height="150" width="15%" hspace="20" vspace="10” onmouseover=this.stop() onmouseout=this.start()><P align=center>此处输入滚动内容</P></marquee>


    direction:up | down | left | right      //表示滚动的方向(默认为left);
       //向上滚动 | 向下滚动 | 向左滚动 | 向右滚动


    behavior:scroll(默认) | slide | alternate
           //表示滚动的方式
            //循环滚动 | 只滚动一次就停止 | 来回交替进行滚动


    loop:infinite | -1 | number       //决定滚动文字的滚动次数

      //无限循环滚动|无限循环滚动|滚动次数

    scrollamount   //决定文字滚动的速度; 滚动速度是设置每次滚动时移动的长度,以像素为默认单位


    scrolldelay   //决定文字滚动的延时; 设置滚动的时间间隔,单位是毫秒

    bgcolor   //文字滚动范围的背景颜色

    width和height   //决定滚动文字在页面中的矩形范围大小

    hspace和vspace   决定滚动矩形区域距周围的空白区域

    onmouseover=this.stop()    //表示当鼠标移上区域的时候滚动停止

    onmouseout=this.start()    //表示当鼠标移开的时候又继续滚动

    align:left (默认)| center | right  //水平对齐

    valign:top | middle | bottom | middle (默认) //垂直对齐方式

  • 相关阅读:
    Aibabelx-shop 大型微服务架构系列实战之技术选型
    龙应台:中年人的迷惘,比年轻人的更可怕!
    劝进篇
    高并发与多线程的关系、区别、高并发的技术方案
    redis常用知识
    Lucene全文检索入门使用
    大数据综合案例-网站日志分析
    python数据类型
    Tornado
    flask-sqlalchemy用法详解
  • 原文地址:https://www.cnblogs.com/suming1016/p/5420516.html
Copyright © 2011-2022 走看看