基于jquery的滚动新闻列表
作者:
在网上看到许多的jquery插件实现滚动新闻,特别是新闻显示在div里面的,比较了一番发现这款jquery.vticker-min.js还是挺不错的,于是就将它集成到我的毕业设计里面。
呵呵,效果图如下:
<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>
代码打包下载
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>
代码打包下载