码迷,mamicode.com
首页 > 其他好文 > 详细

一个标签实现滚动

时间:2017-05-18 16:45:21      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:cti   span   width   padding   blog   nbsp   实现   停止   像素   

标签  marqueen  无需js 达到滚动效果

   <!-- 滚动公告 -->
   <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" hspace="10" vspace="10">
   我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....
   </marquee>

属性:

direction="up"  滚动方向  left right up down

behavior="scroll" scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动

scrollamount="1" 滚动速度是设置每次滚动时移动的长度,以像素为单位

scrolldelay="0" 滚动的时间间隔,单位是毫秒

loop="-1" 滚动循环(默认值是-1,滚动会不断的循环下去)

空白空间hspace、vspace

width height padding margin

技术分享

 

一个标签实现滚动

标签:cti   span   width   padding   blog   nbsp   实现   停止   像素   

原文地址:http://www.cnblogs.com/yigexiaojiangshi/p/6873809.html

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