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>
  • 相关阅读:
    .net的Timer
    WPF笔记(9)模板(Template)
    WPF笔记(6)数据绑定(DataBinding)
    WPF笔记(8)样式(Styles)
    WPF笔记(7)资源(Resources)
    程序无法退出调试
    WPF笔记(1)XAML和code概述
    ASP.NET程序中常用编程代码(1)
    在ASP.NET中防止注入攻击
    ASP.NET程序中常用编程代码(2)
  • 原文地址:https://www.cnblogs.com/uftwkb24/p/7884161.html
Copyright © 2011-2022 走看看