文字滚动

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

<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>
原文地址:https://www.cnblogs.com/uftwkb24/p/7884161.html