jQuery BreakingNews 间歇滚动

时间：2022-10-27 08:55:02

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

相关文章