DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jquery的滾動新聞列表
基於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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved