24号24秒

导航

 

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

<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才有滚动效果 */
  width: 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>
posted on 2017-11-23 11:59  24号24秒  阅读(112)  评论(0编辑  收藏  举报