BreakingNews 是一款基于jQuery的間歇滾動(dòng)插件。它可以設(shè)置標(biāo)題、標(biāo)題顏色、標(biāo)題背景顏色、鏈接顏色、字體大小、邊框、寬度、自動(dòng)滾動(dòng)、間歇時(shí)間等等，同時(shí)它還好提供兩種過(guò)度方式——淡入淡出（fade）和向上滑動(dòng)（slide）。

在線實(shí)例

實(shí)例演示

使用方法

<div?class="BreakingNewsController?easing"?id="breakingnews1">?

????<div?class="bn-title"></div>?

????<ul>?

????????<li><a?href="#">強(qiáng)大實(shí)用的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:?'公告'?

});

復(fù)制

參數(shù)詳解

參數(shù)	描述	默認(rèn)值
background	背景顏色	#FFF
title	標(biāo)題文本	NEWS
titlecolor	標(biāo)題字體顏色	#FFF
titlebgcolor	標(biāo)題背景顏色	#5aa628
linkcolor	鏈接顏色	#333
linkhovercolor	鏈接 hover 顏色值	#5aa628
fonttextsize	字體大小，單位默認(rèn)為 px，如果要使用其他單位，請(qǐng)用字符串，如 ’16pt’	16
isbold	粗體	false
border	邊框，例如 ‘1px solid #099′	none
width	寬度	100%
autoplay	自動(dòng)播放	true
timer	滾動(dòng)間隔，以毫秒為單位	3000
effect	動(dòng)畫(huà)過(guò)度方式，可選 fafde（淡入淡出）或 slide（向上滑動(dòng)）	fade

下載

?

轉(zhuǎn)載于:https://www.cnblogs.com/niuboren/p/6380537.html

總結(jié)

以上是生活随笔為你收集整理的jQuery BreakingNews 间歇滚动的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。