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

下载

转载于:https://www.cnblogs.com/niuboren/p/6380537.html

jQuery BreakingNews 间歇滚动相关推荐

JQuery——BreakingNews.js新闻滚动效果
BreakingNews.js新闻滚动效果这里是直观效果展示使用这种效果我们需要三个包 jq.min.js BreakingNews.css breakingnews.js breakingnew ...
分享一款jQuery全屏滚动页面特性案例
分享一款jQuery全屏滚动页面特性案例. 我们在来往官网,或者小米官网都会看到全屏滚动页面的一些例子.可以说全屏滚动页面越来越受欢迎.它们就像是竖着的图片轮转一样. 这样的页面有很多,如:iPhon ...
[转]用 jQuery 实现页面滚动（Scroll）效果的完美方法
转自: http://zww.me/archives/25144 很多博主都写过/转载过用 jQuery 实现页面滚动(Scroll)效果的方法,但目前搜来的方法大都在 Opera 下有个小 Bug: ...
java怎么往右浮动_[Java教程]jQuery实现页面滚动时智能浮动定位
[Java教程]jQuery实现页面滚动时智能浮动定位 0 2016-08-04 18:00:08 jQuery实现页面滚动时层智能浮动定位_前端开发 * { margin: 0; padding: ...
jquery实现的滚动新闻（多个实例代码）
网站地图: ...
jquery实现歌词滚动
jquery实现歌词滚动 1.css /* CSS Document */* {margin: 0;padding: 0;font-size: 12px; }body {background: no ...
C语言界面列表的滑动效果,jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)...
本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/ ...
html横向滚动字幕代码,jQuery文字横向滚动效果的实现代码
很多网站都有公告,并且都喜欢用横向滚动的方式来展现.最近自己用jQuery也写了文字横向滚动,实现了自定义滚动速度,鼠标经过时暂停的功能. HTML代码如下: jQuery文字横向滚动jQuery制作 ...
jquery图片左右滚动切换js特效
下载地址 jquery图片左右滚动切换特效,左右箭头控制图片滚动的网页特效代码.$(".productshow").xslider({ //.productshow是要移动对象的外 ...

jQuery BreakingNews 间歇滚动

在线实例

使用方法

参数详解

jQuery BreakingNews 间歇滚动相关推荐

最新文章

热门文章