zoukankan      html  css  js  c++  java
  • Marquee滚动总结

    一、Marquee详解

    1、Marquee经常用到的两个事件

    onMouseOut="this.start()";用来设置鼠标移除出区域时继续滚动;

    onMouseOver=“this.stop()”;用来设置鼠标移入该区域时停止滚动.

    2、Marquee向左滚动(缺陷不能实现无缝滚动)

    <marguee scrollAmount=3  width=900 style="color:#FF0000;font-size:12px; align="texttop" height="14">第二期网上开店免费培训课程将在经七纬一济南日报大厦20楼会议室举行,如果你想通过网络实现创业梦想请拨打咨询电话:0531-82886496预约课程! ";

    3、向上滚动

    例子:<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
    这是一个完整的例子
    </marquee>

    (1)align:设定<marquee>标签内容的对齐方式

    absbottom:绝对底部对齐

    absmiddle:绝对中央对齐

    baseline:底线对齐

    bottom:底部对齐

    left:左对齐

    middle:中间对齐

    right:右对齐;

    texttop:顶线对齐

    top:顶部对齐

    指整个Marquee对齐方式;

    (2)behavior:设置滚动的方式:

    scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。

    slide:表示由一段滚动到另一端,不会重复.

    alternate:表示在两端之间来回滚动。

    (3)bgcolor:设定活动字幕的背景颜色,背景颜色可用RGB、16进制格式或颜色名称来设定。

    (4)设定活动字幕的滚动方向

    设定活动字幕的滚动方向用direction属性

    滚动方向分为:down、left、right、up。

    (4)height、width活动字幕高度、宽度。

    (5)hspace 设定活动字幕里所在的位置距离父容器水平边框的距离(增大距离向左移动)

    vspace
    设定活动字幕里所在的位置距离父容器垂直边框的距离(增大距离向下移动)

    (6)loop设置滚动的次数默认为-1会一直滚动下去。

    (7)scrollamount设置滚动字母的速度

    设定活动字幕的滚动速度

    (8)scrolldelay:设定活动字幕滚动的两次之间的延长时间。(单位毫秒)

  • 相关阅读:
    文件处理
    字符编码
    基本数据类型及内置方法
    python语法入门之流程控制
    python语法入门之基本数据类型
    python语法入门之用户交互、运算符
    编程语言与Python介绍
    计算机核心基础
    图片验证码推导逻辑,Image.new,ImageDraw, ImageFont.truetype的用法
    VUEday01
  • 原文地址:https://www.cnblogs.com/lykbk/p/lykmarquee.html
Copyright © 2011-2022 走看看