zoukankan      html  css  js  c++  java
  • marquee 跑马灯滚动详细解析

    <marquee>滚动的内容,可以是文本,可以是img图片</marquee>

    属性:

    1.behavior  ,设置滚动的方式

      alternate: 表示在两端之间来回滚动。
      scroll: 表示由一端滚动到另一端,会重复。
      slide:  表示由一端滚动到另一端,不会重复。

    2.direction  ,设置滚动方向 ,up/down/left/right

      direction="up"  向上滚动

    3.loop
      设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

    4.scrollamount  ,设置滚动的速度

      scrollamount="10"    

    5.scrolldelay  

      每移动一小步的延迟时间,单位(毫秒)

      scrolldelay="100"

    6.width/height/bgcolor

      设置marquee 的宽、高、背景色

    7. hspace / vspace

      hspace  左右方向marquee的外边距 。相当于同时加上 margin-left 和 margin-right

      vspace  垂直方向marquee的外边距 。相当于同时加上 margin-top 和 margin-bottom

    //onmouseover="this.stop();" 鼠标悬停时滚动暂停 ,
    //onmouseout="this.start();" 鼠标离开时继续滚动
    <
    marquee behavior="alternate" scrolldelay="30" direction="left" width="500" height="50" bgcolor="#059" hspace="100"
    onmouseover="this.stop();" onmouseout="this.start();"
    >
      
    滚动字幕

    </marquee>
  • 相关阅读:
    C语言实现链表
    获取两个数之间的随机数-java
    C#继承机制 多级继承
    C#继承机制 访问与隐藏基类成员
    C#继承机制 C#中的继承符合下列规则
    C#装箱与拆箱的研究
    C#箴言之用属性来访问类的私有成员
    C# 创建和初始化集合对象
    C# 常用函数和方法集汇总
    C# 多态与new关键字
  • 原文地址:https://www.cnblogs.com/luhailin/p/6991459.html
Copyright © 2011-2022 走看看