jQuery BreakingNews 间歇滚动

Posted 2020-08-14

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

---

下载