基于jquery的滾動(dòng)新聞列表

ps:gif做的不是很好,大家將就一下吧,呵呵。
下面來(lái)看代碼:
<div class="news-container" style="width: 260px; margin: auto;">
<ul>
<li style="height:40px">
<!--這里可以換成是動(dòng)態(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)列表自動(dòng)循環(huán)滾動(dòng)鼠標(biāo)懸停時(shí)停止?jié)L動(dòng)
- jquery+json 通用三級(jí)聯(lián)動(dòng)下拉列表
- jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉列表[實(shí)例]
- jquery用ajax方式從后臺(tái)獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery select(列表)的操作(取值/賦值)
- jquery 操作單選框,復(fù)選框,下拉列表實(shí)現(xiàn)代碼
- jquery常用技巧及常用方法列表集合
- 基于jquery實(shí)現(xiàn)多選下拉列表
- jQuery初級(jí)教程之網(wǎng)站品牌列表效果
相關(guān)文章
jquery點(diǎn)擊切換背景色的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery點(diǎn)擊切換背景色的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08jQuery插件擴(kuò)展實(shí)例【添加回調(diào)函數(shù)】
這篇文章主要介紹了jQuery插件擴(kuò)展的方法,結(jié)合實(shí)例形式分析了jQuery插件添加回調(diào)函數(shù)與事件觸發(fā)機(jī)制的相關(guān)操作技巧,需要的朋友可以參考下2016-11-11jQuery快速上手:寫(xiě)jQuery與直接寫(xiě)JS的區(qū)別詳細(xì)解析
jQuery代碼具體的寫(xiě)法和原生的Javascript寫(xiě)法在執(zhí)行常見(jiàn)操作時(shí)的區(qū)別如下所示。需要的朋友可以過(guò)來(lái)參考下2013-08-08jQuery滾動(dòng)條美化插件nicescroll簡(jiǎn)單用法示例
這篇文章主要介紹了jQuery滾動(dòng)條美化插件nicescroll簡(jiǎn)單用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery滾動(dòng)條美化插件jquery.nicescroll.js的引入與使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2018-04-04JQuery優(yōu)缺點(diǎn)分析說(shuō)明
如果你還在猶豫是否要學(xué)習(xí)一個(gè)JavaScript框架,并困惑于選擇哪一個(gè)框架,那么我推薦你選擇jQuery。這并非說(shuō)其它框架不好,只是jQuery可能是最穩(wěn)妥和最具回報(bào)性的選擇。2011-04-04jQuery Easyui datagrid行內(nèi)實(shí)現(xiàn)【添加】、【編輯】、【上移】、【下移】
本篇文章主要介紹jQuery Easyui datagrid行內(nèi)實(shí)現(xiàn)【添加】、【編輯】、【上移】、【下移】 。datagrid現(xiàn)在具有行編輯能力了,可以添加和編輯數(shù)據(jù),同時(shí)對(duì)行內(nèi)數(shù)據(jù)上移下移。2016-12-12jQuery實(shí)現(xiàn)統(tǒng)計(jì)復(fù)選框選中數(shù)量
這里給大家分享一段jQuery實(shí)現(xiàn)的統(tǒng)計(jì)復(fù)選框選中數(shù)量的代碼,非常的實(shí)用,有需要的小伙伴們請(qǐng)帶走!2014-11-11jQuery操作動(dòng)態(tài)生成的內(nèi)容的方法
這篇文章主要介紹了jQuery操作動(dòng)態(tài)生成的內(nèi)容的方法,對(duì)比分析了bind與live方法,說(shuō)明了live方法在處理新增元素時(shí)的作用,需要的朋友可以參考下2016-05-05