zoukankan      html  css  js  c++  java
  • 文字滚动

    ----------------------------老版本----标签------------------

    <html>
    <head>
    <title>文字滚动的设置</title>
    </head>
    <body>
    <font size="3" color="#cc0000">
    <marquee direction="up" onmouseover=stop() onmouseout=start() scrollamount="2" loop="3" bgcolor="#CCFF66" width="250" height="555">做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br>做人要厚道<br></marquee>
    </font>
    </body>
    </html>

    --------------新版本--CSS3----------------------

    <html> 
    <head> 
    <title>文字滚动的设置</title> 

    <style>

      .marquee {
      white-space: nowrap;  /* 文字不折行 */
      overflow:-webkit-marquee;  /* 只有设置为marquee才有滚动效果 */
       170px;  /* 不是必须的 */
      -webkit-marquee-direction:left;  /* 文字滚动方向 可选值为left | right | up | down */
      -webkit-marquee-speed:normal;  /* 文字滚动速度 可选值为slow | normal | fast */
      -webkit-marquee-style:scroll;  /* 文字滚动方式 可选值为scroll | slide | alternate */
      -webkit-marquee-repetition:1;   /* 文字滚动次数 number | infinite , infinite即无限次循环滚动 */
    }

    </style>
    </head> 
    <body> 

    <p class="marquee">这是一个滚动字幕。</p>
    </body> 
    </html>
  • 相关阅读:
    无责任Windows Azure SDK .NET开发入门篇二[使用Azure AD 进行身份验证]
    无责任Windows Azure SDK .NET开发入门篇一[Windows Azure开发前准备工作]
    了解ASP.NET5 Web应用程序结构
    Hello ASP.NET5
    CentOS7 防火墙 firewall-cmd
    C# 中使用WebClient 请求 https
    使用 gridfs-stream 存储文件遇到的一个坑。
    overflow的几个坑
    IIS7启用静态压缩
    创建高性能移动 web 站点【转载】
  • 原文地址:https://www.cnblogs.com/uftwkb24/p/7884161.html
Copyright © 2011-2022 走看看