三种文字间歇滚动效果BreakingNews

使用方法：

引入CSS样式文件

<link rel="stylesheet" href="css/BreakingNews.css">

引入jQuery库文件、插件JS文件

<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="js/BreakingNews.js"></script>

插件初始化、参数配置

$('#breakingnews').BreakingNews({
    title: '滚动新闻',
    titlebgcolor: '#099',
    linkhovercolor: '#099',
    border: '1px solid #099',
    timer: 4000,
    effect: 'slide'
});

HTML结构

<div class="BreakingNewsController easing" id="breakingnews">
    <div class="bn-title"></div>
    <ul id="abc">
        <li><a href="#">1. jQuery时间轴/时光轴插件jqtimeline</a></li>
        <li><a href="#">2. onepage-scroll – jQuery单页/全屏滚动插件</a></li>
        <li><a href="#">3. jQuery响应式图片画廊插件S Gallery</a></li>
        <li><a href="#">4. iOS 7标签栏图标Tab Bar Icons iOS 7</a></li>
        <li><a href="#">5. jQuery Lightbox效果插件Boxer</a></li>
        <li><a href="#">6. Select-or-Die – jQuery下拉框美化插件</a></li>
        <li><a href="#">7. 制作网易2014世界杯史话/世界杯时间轴效果</a></li>
    </ul>
    <div class="bn-arrows"><span class="bn-arrows-left"></span><span class="bn-arrows-right"></span></div>	
</div>

详细参数介绍