`

jQuery BreakingNews 间歇滚动

阅读更多

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

在线实例

实例演示

使用方法

  1. <div class="BreakingNewsController easing" id="breakingnews1"> 
  2.     <div class="bn-title"></div> 
  3.     <ul> 
  4.         <li><a href="#">强大实用的jQuery幻灯片插件Owl Carousel</a></li> 
  5.         <li><a href="#">slick制作17173 ChainJoy幻灯片</a></li> 
  6. ....... 
  7.     </ul> 
  8.     <div class="bn-arrows"><span class="bn-arrows-left"></span><span class="bn-arrows-right"></span></div>     
  9. </div>
  10. $('#breakingnews1').BreakingNews({ 
  11.     title: '公告' 
  12. });
复制

参数详解

参数 描述 默认值
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

 

1
0
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    BreakingNews-jQuery新闻公告间歇滚动插件.zip

    总结来说,"BreakingNews-jQuery新闻公告间歇滚动插件"是结合了jQuery库和JavaScript技术的动态展示工具,通过选择器、DOM操作、动画、定时器和事件处理等手段,实现新闻或公告的自动间歇滚动,从而提高用户对内容的...

    jQuery新闻滚动播报插件BreakingNews.zip

    jQuery新闻滚动播报插件BreakingNews是一款专为网页设计者打造的高效工具,它利用JavaScript库jQuery的灵活性和强大功能,实现新闻或公告的动态滚动效果,以吸引用户的注意力并提高信息传递效率。这款插件特别适用于...

    BreakingNews-jQuery新闻公告间歇滚动插件特效代码

    【标题】"BreakingNews-jQuery新闻公告间歇滚动插件特效代码"介绍的是一个基于jQuery的新闻公告滚动插件,这种插件常用于网站中显示不断更新的新闻或公告,以吸引用户注意力并提供信息传递。jQuery是一个轻量级、高...

    广告通知单行滚动插件BreakingNews.zip

    今天介绍的这款 jQuery插件——BreakingNews 就能够制作这种间歇滚动效果。通过配置,它能够设置标题、标题颜色、字体大小、宽度、自动滚动、间歇时间等等,同时它还好提供两种过度方式——淡入淡出(fade)和向上...

    jQuery新闻滚动播报插件BreakingNews特效代码

    【jQuery新闻滚动播报插件BreakingNews特效代码】是一款基于JavaScript库jQuery实现的高效能、轻量级的新闻滚动展示工具。这款插件适用于网站的新闻更新、公告展示等场景,可以为用户提供动态、吸引人的信息展示效果...

    BreakingNews:爆炸新闻

    【jQuery新闻流滚动文本——BreakingNews插件详解】 在网页设计中,动态展示新闻更新是吸引用户注意力的有效手段。"BreakingNews"是一个基于jQuery的插件,专为创建实时滚动的新闻标题流而设计,它使得网站能够以...

    PHP字符串处理的10个简单方法

    $article = "BREAKINGNEWS:Inultimateirony,manbitesdog."; $summary = substr_replace($article, "", 40); // 返回"BREAKINGNEWS:Inultimateirony,manbi" ``` 3. 计算字符和单词数 要计算字符串中的字符和单词数,...

    php的字符串用法小结

    $article = "BREAKINGNEWS:Inultimateirony,manbitesdog."; $summary = substr_replace($article, "", 40); // 从第40个字符开始替换为空字符串,截取前40个字符 ``` 使用substr函数可以灵活地截取字符串中的任意...

Global site tag (gtag.js) - Google Analytics