基于jquery的滚动新闻列表

作者：Terry2017.02.08来源：Web前端之家浏览：10456评论:0

关键词：JQuery 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>