基于jquery的滚动新闻列表

更新时间：2010年06月19日 00:01:01 作者：

在网上看到许多的jquery插件实现滚动新闻，特别是新闻显示在div里面的，比较了一番发现这款jquery.vticker-min.js还是挺不错的，于是就将它集成到我的毕业设计里面。

呵呵，效果图如下：

ps：gif做的不是很好，大家将就一下吧，呵呵。

下面来看代码：

<div class="news-container" style="width: 260px; margin: auto;"> 
<ul> 
<li style="height:40px"> 
<!--这里可以换成是动态的新闻--> 
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题1</a> 
<br /> 
</li> 
<li style="height:40px"> 
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题2</a> 
<br /> 
</li> 
<li style="height:40px"> 
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题3</a> 
<br /> 
</li> 
</ul> 
</div>

代码打包下载

您可能感兴趣的文章:

滚动新闻

jquery点击切换背景色的简单实例
下面小编就为大家带来一篇jquery点击切换背景色的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
jQuery插件扩展实例【添加回调函数】
这篇文章主要介绍了jQuery插件扩展的方法,结合实例形式分析了jQuery插件添加回调函数与事件触发机制的相关操作技巧,需要的朋友可以参考下
2016-11-11
jQuery快速上手：写jQuery与直接写JS的区别详细解析
jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下所示。需要的朋友可以过来参考下
2013-08-08
jquery判断浏览器后退时候弹出消息的方法
本节主要介绍了jquery判断浏览器后退时候弹出消息 ,需要的朋友可以参考下
2014-08-08
jQuery滚动条美化插件nicescroll简单用法示例
这篇文章主要介绍了jQuery滚动条美化插件nicescroll简单用法,结合实例形式简单分析了jQuery滚动条美化插件jquery.nicescroll.js的引入与使用技巧,非常简单实用,需要的朋友可以参考下
2018-04-04
JQuery优缺点分析说明
如果你还在犹豫是否要学习一个JavaScript框架，并困惑于选择哪一个框架，那么我推荐你选择jQuery。这并非说其它框架不好，只是jQuery可能是最稳妥和最具回报性的选择。
2011-04-04
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
本篇文章主要介绍jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】。datagrid现在具有行编辑能力了，可以添加和编辑数据，同时对行内数据上移下移。
2016-12-12
jQuery实现统计复选框选中数量
这里给大家分享一段jQuery实现的统计复选框选中数量的代码，非常的实用，有需要的小伙伴们请带走！
2014-11-11
jQuery操作动态生成的内容的方法
这篇文章主要介绍了jQuery操作动态生成的内容的方法,对比分析了bind与live方法,说明了live方法在处理新增元素时的作用,需要的朋友可以参考下
2016-05-05
jQuery is()函数用法3例
这篇文章主要介绍了jQuery is()函数用法3例,jQuery的is()函数其实是非常有用的，能不能用好直接决定你的代码是否高效,需要的朋友可以参考下
2014-05-05