卡片 · card-marquee 跑马灯
卡片家族
索引
base
cpanel
crumb
full
page
border
radius
api
artic
namecode
imgs
tips
total
default
box
checkbox
form
form-item
form-inpselect
table
pager
multipled
menubar
mode
menus
tabmenu
code
json
template
tab
slide
paginate
tree
toggle
marquee
timeaxis
waterfall
popup
nav
chatbox
drag
choose
progress
roll
跑马灯卡
card-marquee：横向滚动条——body overflow:hidden + 相对定位左移；head/foot 提供 .marguee-control-left / -right 手动控制（kuoqi 箭头字形，hover 主色底），禁用态置灰；marquee-vertical 变体竖排滚动。
横向结构
<div class="card card-marquee">
<div class="card-head"><span class="label label-text">公告</span></div>
<div class="card-body"><ul>滚动内容条目</ul></div>
<div class="card-foot"><span class="marguee-control-left"></span></div>
</div>
控制钮与参数
| marquee-vertical | 竖排滚动：body 定高 + 纵向位移 |
| data-* | 滚动速度 / 方向等由引擎参数（data-speed …）控制 |
| .disabled | 边界处控制钮置灰（d1d1d1） |
注意： 引擎自动初始化
.card-marquee 并启动滚动，详情页以代码块说明；需要手动启停时可调用 .func('start'/'pause')。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页