首页 > 代码库 > jQuery BreakingNews 间歇滚动

jQuery BreakingNews 间歇滚动

BreakingNews 是一款基于jQuery的间歇滚动插件。它可以设置标题、标题颜色、标题背景颜色、链接颜色、字体大小、边框、宽度、自动滚动、间歇时间等等,同时它还好提供两种过度方式——淡入淡出(fade)和向上滑动(slide)。

在线实例

实例演示

使用方法

<div class="BreakingNewsController easing" id="breakingnews1">     <div class="bn-title"></div>     <ul>         <li><a href="http://www.mamicode.com/#">强大实用的jQuery幻灯片插件Owl Carousel</a></li>         <li><a href="http://www.mamicode.com/#">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

下载

 

jQuery BreakingNews 间歇滚动