基于jquery的滾動新聞列表
更新時間:2010年06月19日 00:01:01 作者:
在網(wǎng)上看到許多的jquery插件實現(xiàn)滾動新聞,特別是新聞顯示在div里面的,比較了一番發(fā)現(xiàn)這款jquery.vticker-min.js還是挺不錯的,于是就將它集成到我的畢業(yè)設(shè)計里面。
呵呵,效果圖如下:
<div class="news-container" style="width: 260px; margin: auto;">
<ul>
<li style="height:40px">
<!--這里可以換成是動態(tài)的新聞-->
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新聞標(biāo)題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;">新聞標(biāo)題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;">新聞標(biāo)題3</a>
<br />
</li>
</ul>
</div>
代碼打包下載

ps:gif做的不是很好,大家將就一下吧,呵呵。
下面來看代碼:
復(fù)制代碼 代碼如下:
<div class="news-container" style="width: 260px; margin: auto;">
<ul>
<li style="height:40px">
<!--這里可以換成是動態(tài)的新聞-->
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新聞標(biāo)題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;">新聞標(biāo)題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;">新聞標(biāo)題3</a>
<br />
</li>
</ul>
</div>
代碼打包下載
您可能感興趣的文章:
- Jquery多選下拉列表插件jquery multiselect功能介紹及使用
- jQuery實現(xiàn)列表自動循環(huán)滾動鼠標(biāo)懸停時停止?jié)L動
- jquery+json 通用三級聯(lián)動下拉列表
- jQuery結(jié)合PHP+MySQL實現(xiàn)二級聯(lián)動下拉列表[實例]
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery select(列表)的操作(取值/賦值)
- jquery 操作單選框,復(fù)選框,下拉列表實現(xiàn)代碼
- jquery常用技巧及常用方法列表集合
- 基于jquery實現(xiàn)多選下拉列表
- jQuery初級教程之網(wǎng)站品牌列表效果
相關(guān)文章
jQuery插件擴展實例【添加回調(diào)函數(shù)】
這篇文章主要介紹了jQuery插件擴展的方法,結(jié)合實例形式分析了jQuery插件添加回調(diào)函數(shù)與事件觸發(fā)機制的相關(guān)操作技巧,需要的朋友可以參考下2016-11-11jQuery快速上手:寫jQuery與直接寫JS的區(qū)別詳細(xì)解析
jQuery代碼具體的寫法和原生的Javascript寫法在執(zhí)行常見操作時的區(qū)別如下所示。需要的朋友可以過來參考下2013-08-08jQuery Easyui datagrid行內(nèi)實現(xiàn)【添加】、【編輯】、【上移】、【下移】
本篇文章主要介紹jQuery Easyui datagrid行內(nèi)實現(xiàn)【添加】、【編輯】、【上移】、【下移】 。datagrid現(xiàn)在具有行編輯能力了,可以添加和編輯數(shù)據(jù),同時對行內(nèi)數(shù)據(jù)上移下移。2016-12-12jQuery實現(xiàn)統(tǒng)計復(fù)選框選中數(shù)量
這里給大家分享一段jQuery實現(xiàn)的統(tǒng)計復(fù)選框選中數(shù)量的代碼,非常的實用,有需要的小伙伴們請帶走!2014-11-11