基于jquery的滚动新闻列表

359 阅读 0 评论 237 点赞

我是靠谱客的博主慈祥大炮，这篇文章主要介绍基于jquery的滚动新闻列表，现在分享给大家，希望可以做个参考。

呵呵，效果图如下：

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>