码迷,mamicode.com
首页 > Web开发 > 详细

HTML 滚动标签<marquee>

时间:2016-08-01 11:55:39      阅读:1549      评论:0      收藏:0      [点我收藏+]

标签:

主要参数:

behavior 
  • 移动方式
    • scroll        循环移动
    • slide         只移动一个回合
    • alternate   来回移动
direction
  • 移动方向
    • left
    • right
    • up
    • down
 
scrollamount
  • 移动速度。取整数,数值越大速度越快
 
scrolldelay
  • 延时(走走停停)。毫秒为单位,默认85。如果设置小于60,会默认使用60,除非truespeed指定。
 
truespeed
  • 默认情况下,scrolldelay值低于60将被忽略。如果truespeed存在,这些值是不会忽略。
  
loop
  • 循环次数,默认一直循环
 
height     
width
bgcolor
 
效果图:
技术分享
 
 
code :
<body style="text-align: center">
<div style="margin: 0 auto; background-color: beige; width: 300px; height: 300px; text-align: center; background-color: beige" >
    我是不动的
<!-- marquee 设置滚动 direction 滚动方向; scrollamount 移动速度; behavior移动方式  scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动) -->
    <marquee>我是默认的滚动方向!</marquee>
    <marquee direction="up">我是向上的滚动!</marquee>
    <marquee style="border:solid" direction="down" scrollamount="3" height="200px" width="200px" behavior="alternate" bgcolor="azure" scrolldelay="10">
        <marquee behavior="alternate">
            <p style="background-color: aqua">我是嵌套的滚动</p>
        </marquee>
    </marquee>

</div>
</body>

 

 
 
 

HTML 滚动标签<marquee>

标签:

原文地址:http://www.cnblogs.com/10-19-92/p/5724952.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!