基于jquery的滚动新闻列表

  呵呵,效果图如下:

基于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>

  代码打包下载