基于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做个日期选择适用于手机端示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
jQuery命名空间与闭包用法示例
这篇文章主要介绍了jQuery命名空间与闭包用法,结合实例形式演示了jQuery中命名空间及闭包的具体使用技巧,需要的朋友可以参考下
2017-01-01
jquery判断元素内容是否为空的方法
今天在实现一段广告的时候，需要判断指定元素的内容是否为空，为空则插入广告，否则就不执行，这里就为大家简单介绍一下需要的朋友可以参考一下
2018-05-05
使用jquery操作session方法分享
本文给大家分享了一个jQuery操作session的插件jQuerysession，并做了简单介绍，及基本语法，非常不错的一个插件，推荐给小伙伴们。
2015-01-01
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
这篇文章主要介绍了jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法,需要的朋友可以参考下
2017-12-12
jQuery输入城市查看地图使用介绍
任意输入国家和城市，用“，”分隔，点击设置下面的超链接就变为了刚设置的城市，点击可以跳到这个城市的查看地图页，鼠标移到超链接上会弹出一个350*350的地图
2013-05-05
jquery横向纵向鼠标滚轮全屏切换
这篇文章主要为大家详细介绍了jquery横向纵向鼠标滚轮全屏切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
jquery 扑捉回车键事件代码
这篇文章主要介绍了jquery 扑捉回车键事件的具体实现,需要的朋友可以参考下
2014-04-04
jquery无缝图片轮播组件封装
这篇文章主要为大家详细介绍了jquery无缝图片轮播组件封装，支持自动轮播，手动轮播，无缝衔接，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-02-02
jquery focus(fn),blur(fn)方法实例代码
jquery focus(fn),blur(fn)方法实例代码，需要的朋友可以参考下。
2011-12-12