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>
  • 相关阅读:
    无穷字符串问题--CSDN上的面试题(原创)
    c语言:将二进制数按位输出
    构造和为指定值的表达式:±1±2±3±4±5=3 确定符号
    c语言:最长对称子串(3种解决方案)
    最长公共子串
    ie7下 滚动条内容不动问题
    沙盒密探——可实现的js缓存攻击
    yii2归档安装
    php 安装composer
    [转]-Android Studio 快捷键整理分享-SadieYu
  • 原文地址:https://www.cnblogs.com/uftwkb24/p/7884161.html
Copyright © 2011-2022 走看看