基于jquery的滾動(dòng)新聞列表
更新時(shí)間：2010年06月19日 00:01:01 作者：
在網(wǎng)上看到許多的jquery插件實(shí)現(xiàn)滾動(dòng)新聞，特別是新聞顯示在div里面的，比較了一番發(fā)現(xiàn)這款jquery.vticker-min.js還是挺不錯(cuò)的，于是就將它集成到我的畢業(yè)設(shè)計(jì)里面。
呵呵，效果圖如下：
<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>
代碼打包下載
ps：gif做的不是很好，大家將就一下吧，呵呵。
下面來(lái)看代碼：
復(fù)制代碼 代碼如下:
<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)文章
正如標(biāo)題所言其所用為匹配 prev 元素之后的所有 siblings 元素，下面為大家分享個(gè)示例，不了解的朋友可以學(xué)習(xí)下2013-08-08
用jQuery實(shí)現(xiàn)優(yōu)酷首頁(yè)輪播圖
本文主要介紹了用jQuery實(shí)現(xiàn)優(yōu)酷首頁(yè)輪播圖的思路與方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
slideToggle+slideup實(shí)現(xiàn)手機(jī)端折疊菜單效果
這篇文章主要為大家詳細(xì)介紹了slideToggle+slideup實(shí)現(xiàn)手機(jī)端折疊菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
鼠標(biāo)懸浮顯示二級(jí)菜單效果的jquery實(shí)現(xiàn)
當(dāng)鼠標(biāo)懸浮時(shí)顯示二級(jí)菜單，這種類似的效果，想必大家在瀏覽網(wǎng)頁(yè)時(shí)經(jīng)常會(huì)遇到吧，下面有個(gè)示例，大家可以看看2014-10-10
jQuery實(shí)現(xiàn)背景彈性滾動(dòng)的導(dǎo)航效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)背景彈性滾動(dòng)導(dǎo)航效果的方法,涉及jQuery動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-06-06
jQuery頁(yè)面刷新(局部、全部)問(wèn)題分析
這篇文章主要針對(duì)jQuery頁(yè)面刷新問(wèn)題為大家進(jìn)行詳細(xì)分析，包括局部刷新、全部刷新，感興趣的朋友可以參考一下2016-01-01
jQuery使用手冊(cè)之 事件處理...2007-03-03
jquery實(shí)現(xiàn)人性化的有選擇性禁用鼠標(biāo)右鍵
與其使用比較暴力的手段禁用鼠標(biāo)右鍵，還不如有選擇性人性化的的禁用鼠標(biāo)右鍵,需要的朋友可以參考下2014-06-06
密碼框提示文字的功能還是比較實(shí)用的，下面為大家介紹下使用jquery簡(jiǎn)單的實(shí)現(xiàn)下，喜歡的朋友可以參考下2013-08-08
進(jìn)度條和Loading加載動(dòng)畫在當(dāng)今的網(wǎng)頁(yè)功能中顯得越來(lái)越重要了，于是接下來(lái)為大家推薦幾款比較新穎進(jìn)度條插件,感興趣的你可以參考下希望可以幫助到你2013-03-03