一个jQuery的即时新闻行情展示插件jQuery News Ticker

最新推荐文章于 2024-08-16 08:54:53 发布

原创最新推荐文章于 2024-08-16 08:54:53 发布 · 722 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #jquery插件 #class #stylesheet #function #rss

jquery 同时被 2 个专栏收录

233 篇文章

订阅专栏

gbin1

92 篇文章

订阅专栏

本文介绍了一个名为jQuerynewsticker的jQuery插件，它能帮助用户用较小的页面区域展示最新最重要信息。只需简单引入类库并配置HTML结构，即可生成动态滚动的新闻列表。支持多种数据源，包括列表、HTML和RSS，同时提供播放速度、方向等自定义选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

日期：2011/11/05 来源：GBin1.com

今天分享一个新闻行情的jQUery插件，可以帮助大家使用比较小的页面区域来展示最新最重要的信息。

GBin1推荐：一个jQuery的即时新闻行情展示插件jQuery News Ticker

在线演示

jQuery news ticker是一个非常方便的jQuery插件，能够快速让你生成这样的一个新闻行情效果。

它能够通过列表，HTML甚至是RSS（只能加载本站的RSS feed）来生成新闻内容，并且支持前后播放和停止。这个插件支持一系列的自定义选项，例如：

播放速度
播放效果
播放方向
显示时间

代码开发简单高效。

首先引入jQuery news ticker类库及其jQuery类库：

<link href="css/ticker-style.css" rel="stylesheet" type="text/css" />
<script src="jquery.ticker.js" type="text/javascript"></script>

HTML代码：

<div id="ticker-wrapper" class="no-js">
    <ul id="js-news" class="js-hidden">
        <li class="news-item"><a href="#">This is the 1st latest news item.</a></li>
        <li class="news-item"><a href="#">This is the 2nd latest news item.</a></li>
        <li class="news-item"><a href="#">This is the 3rd latest news item.</a></li>
        <li class="news-item"><a href="#">This is the 4th latest news item.</a></li>
    </ul>
</div>

javascript：

<script type="text/javascript">
    $(function () {
        $('#js-news').ticker();
    });
</script>

原文来自： GBin1推荐：一个jQuery的即时新闻行情展示插件jQuery News Ticker