基于jquery的滾動新聞列表
更新時間：2010年06月19日 00:01:01 作者：
在網(wǎng)上看到許多的jquery插件實(shí)現(xiàn)滾動新聞，特別是新聞顯示在div里面的，比較了一番發(fā)現(xiàn)這款jquery.vticker-min.js還是挺不錯的，于是就將它集成到我的畢業(yè)設(shè)計(jì)里面。
呵呵，效果圖如下：
<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實(shí)現(xiàn)列表自動循環(huán)滾動鼠標(biāo)懸停時停止?jié)L動
- jquery+json 通用三級聯(lián)動下拉列表
- jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級聯(lián)動下拉列表[實(shí)例]
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery select(列表)的操作（取值/賦值）
- jquery 操作單選框，復(fù)選框，下拉列表實(shí)現(xiàn)代碼
- jquery常用技巧及常用方法列表集合
- 基于jquery實(shí)現(xiàn)多選下拉列表
- jQuery初級教程之網(wǎng)站品牌列表效果
相關(guān)文章
下面小編就為大家?guī)硪黄猨query點(diǎn)擊切換背景色的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
jQuery插件擴(kuò)展實(shí)例【添加回調(diào)函數(shù)】
這篇文章主要介紹了jQuery插件擴(kuò)展的方法,結(jié)合實(shí)例形式分析了jQuery插件添加回調(diào)函數(shù)與事件觸發(fā)機(jī)制的相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
jQuery快速上手：寫jQuery與直接寫JS的區(qū)別詳細(xì)解析
jQuery代碼具體的寫法和原生的Javascript寫法在執(zhí)行常見操作時的區(qū)別如下所示。需要的朋友可以過來參考下2013-08-08
本節(jié)主要介紹了jquery判斷瀏覽器后退時候彈出消息 ,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了jQuery滾動條美化插件nicescroll簡單用法,結(jié)合實(shí)例形式簡單分析了jQuery滾動條美化插件jquery.nicescroll.js的引入與使用技巧,非常簡單實(shí)用,需要的朋友可以參考下2018-04-04
如果你還在猶豫是否要學(xué)習(xí)一個JavaScript框架，并困惑于選擇哪一個框架，那么我推薦你選擇jQuery。這并非說其它框架不好，只是jQuery可能是最穩(wěn)妥和最具回報(bào)性的選擇。2011-04-04
jQuery Easyui datagrid行內(nèi)實(shí)現(xiàn)【添加】、【編輯】、【上移】、【下移】
本篇文章主要介紹jQuery Easyui datagrid行內(nèi)實(shí)現(xiàn)【添加】、【編輯】、【上移】、【下移】 。datagrid現(xiàn)在具有行編輯能力了，可以添加和編輯數(shù)據(jù)，同時對行內(nèi)數(shù)據(jù)上移下移。2016-12-12
jQuery實(shí)現(xiàn)統(tǒng)計(jì)復(fù)選框選中數(shù)量
這里給大家分享一段jQuery實(shí)現(xiàn)的統(tǒng)計(jì)復(fù)選框選中數(shù)量的代碼，非常的實(shí)用，有需要的小伙伴們請帶走！2014-11-11
這篇文章主要介紹了jQuery操作動態(tài)生成的內(nèi)容的方法,對比分析了bind與live方法,說明了live方法在處理新增元素時的作用,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery is()函數(shù)用法3例,jQuery的is()函數(shù)其實(shí)是非常有用的，能不能用好直接決定你的代碼是否高效,需要的朋友可以參考下2014-05-05