• 滚动效果--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>
  • 相关阅读:
    Docker搭建redis集群
    PHP中的OPCode和OPCache
    Redis的三种集群模式
    MySQL事务的隔离级别
    Docker镜像分层技术
    为什么 MongoDB 选择B树,Mysql 选择B+树?
    MongoDB的使用
    cesium+vue挖坑展示
    Ceium+Vue踩坑记录
    渲染总结——记录
  • 原文地址:https://www.cnblogs.com/damoblog/p/8746342.html
Copyright © 2020-2023  润新知