查看: 1108|回复: 0

[经验分享] HTML 滚动标签 [复制链接]

hujh20

尚未签到

发表于 2017-7-1 15:31:47 | 显示全部楼层 |阅读模式

　　主要参数：

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>我是默认的滚动方向!</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>

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-390038-1-1.html 上篇帖子：第一次正式小用Redis存储下篇帖子：微软开源PowerShell并支持Linux和OS X

使用道具举报