jQuery BreakingNews 间歇滚动
BreakingNews 是一款基于jQuery的间歇滚动插件。它可以设置标题、标题颜色、标题背景颜色、链接颜色、字体大小、边框、宽度、自动滚动、间歇时间等等,同时它还好提供两种过度方式——淡入淡出(fade)和向上滑动(slide)。
在线实例
使用方法
- <div class="BreakingNewsController easing" id="breakingnews1">
- <div class="bn-title"></div>
- <ul>
- <li><a href="#">强大实用的jQuery幻灯片插件Owl Carousel</a></li>
- <li><a href="#">slick制作17173 ChainJoy幻灯片</a></li>
- .......
- </ul>
- <div class="bn-arrows"><span class="bn-arrows-left"></span><span class="bn-arrows-right"></span></div>
- </div>
- $('#breakingnews1').BreakingNews({
- title: '公告'
- });
复制
参数详解
参数 | 描述 | 默认值 |
background | 背景颜色 | #FFF |
title | 标题文本 | NEWS |
titlecolor | 标题字体颜色 | #FFF |
titlebgcolor | 标题背景颜色 | #5aa628 |
linkcolor | 链接颜色 | #333 |
linkhovercolor | 链接 hover 颜色值 | #5aa628 |
fonttextsize | 字体大小,单位默认为 px,如果要使用其他单位,请用字符串,如 ’16pt’ | 16 |
isbold | 粗体 | false |
border | 边框,例如 ‘1px solid #099′ | none |
width | 宽度 | 100% |
autoplay | 自动播放 | true |
timer | 滚动间隔,以毫秒为单位 | 3000 |
effect | 动画过度方式,可选 fafde(淡入淡出)或 slide(向上滑动) | fade |
相关推荐
pigsmall 2020-11-19
SXIAOYI 2020-09-16
Ladyseven 2020-07-25
whileinsist 2020-06-24
gufudhn 2020-06-12
冰蝶 2020-06-05
LinuxAndroidAI 2020-06-04
supperme 2020-05-28
yaodilu 2020-05-10
e度空间 2020-04-27
云端漂移 2020-04-09
peterwzc 2020-03-17
有心就有方向 2012-09-03
ebuild 2013-05-14
donghedonghe 2013-05-31
tdeclipse 2011-02-28
linuxprobe0 2013-04-15
linuxprobe0 2013-04-01