呵呵,效果图如下:
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>代码打包下载
推荐阅读
javascript上下左右定时滚动插件
核心代码:复制代码 代码如下:<script type="text/javascript"> function Marquee() { this.ID = document.getElementById(arguments[0]); this.Direction = arguments[1]; this.Step = arguments[2]; this.Width =>>>详细阅读
本文标题:基于jquery的滚动新闻列表
地址:http://www.17bianji.com/kaifa2/JS/26163.html
1/2 1