zoukankan      html  css  js  c++  java
  • 滚动效果--marquee的使用

    1. <marquee></marquee>标签,默认从最右侧往左滚动;

    2. marquee 支持的属性

       (1)behavior设置滚动方式:

    <marquee behavior="alternate">我是来回滚动</marquee>
    <marquee behavior="scroll">我是重复滚动</marquee>
    <marquee behavior="slide">我是不重复滚动</marquee>

        (2)direction设置滚动方向:

     <marquee direction="up">我是向上滚动</marquee>
    <marquee direction="down">我是向下滚动</marquee>
    <marquee direction="left">我是向左滚动</marquee>
    <marquee direction="right">我是向右滚动</marquee>

        (4)设置滚动次数:

    <marquee loop="-1">我会一直滚动</marquee>
    <marquee loop="2">我只滚动2次</marquee>

        (5).marquee 常用的事件:

    <marquee onMouseOut="this.start()" >鼠标移出时滚动</marquee>

    <marquee  onMouseOver="this.stop()">鼠标移入时停止滚动</marquee>

    <!DOCTYPE html>
    <html>
      <head>
        <title>MyHtml.html</title>
      </head>
      <body>
        <marquee onMouseOut="this.start()" onMouseOver="this.stop()" ><font size=3 color=red>Hello, World,CSS</font></marquee>
      </body>
    </html>
  • 相关阅读:
    hdu 6836
    2019 树形—DP
    2020牛客暑期多校训练营(第六场)
    hdu 6756 Finding a MEX 线段树
    2020 Multi-University Training Contest 2
    spring boot maven 打jar包 不能引入外部jar
    git 操作命令
    homestead 安装swoole
    MYSQL-触发器
    再次认知const
  • 原文地址:https://www.cnblogs.com/damoblog/p/8746342.html
Copyright © 2011-2022 走看看