基于jquery的滾動新聞列表

更新時間：2010年06月19日 00:01:01 作者：

在網上看到許多的jquery插件實現滾動新聞，特別是新聞顯示在div里面的，比較了一番發(fā)現這款jquery.vticker-min.js還是挺不錯的，于是就將它集成到我的畢業(yè)設計里面。

呵呵，效果圖如下：

ps：gif做的不是很好，大家將就一下吧，呵呵。

下面來看代碼：

復制代碼代碼如下:

<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;">新聞標題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>

代碼打包下載

您可能感興趣的文章:

滾動新聞

jQuery prev ~ siblings選擇器使用介紹
正如標題所言其所用為匹配 prev 元素之后的所有 siblings 元素，下面為大家分享個示例，不了解的朋友可以學習下
2013-08-08
用jQuery實現優(yōu)酷首頁輪播圖
本文主要介紹了用jQuery實現優(yōu)酷首頁輪播圖的思路與方法。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
slideToggle+slideup實現手機端折疊菜單效果
這篇文章主要為大家詳細介紹了slideToggle+slideup實現手機端折疊菜單效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
鼠標懸浮顯示二級菜單效果的jquery實現
當鼠標懸浮時顯示二級菜單，這種類似的效果，想必大家在瀏覽網頁時經常會遇到吧，下面有個示例，大家可以看看
2014-10-10
jQuery實現背景彈性滾動的導航效果
這篇文章主要介紹了jQuery實現背景彈性滾動導航效果的方法,涉及jQuery動態(tài)操作頁面元素樣式的相關技巧,需要的朋友可以參考下
2016-06-06
jQuery頁面刷新(局部、全部)問題分析
這篇文章主要針對jQuery頁面刷新問題為大家進行詳細分析，包括局部刷新、全部刷新，感興趣的朋友可以參考一下
2016-01-01
jQuery使用手冊之事件處理
jQuery使用手冊之事件處理...
2007-03-03
jquery實現人性化的有選擇性禁用鼠標右鍵
與其使用比較暴力的手段禁用鼠標右鍵，還不如有選擇性人性化的的禁用鼠標右鍵,需要的朋友可以參考下
2014-06-06
密碼框顯示提示文字jquery示例
密碼框提示文字的功能還是比較實用的，下面為大家介紹下使用jquery簡單的實現下，喜歡的朋友可以參考下
2013-08-08
6款新穎的jQuery和CSS3進度條插件推薦
進度條和Loading加載動畫在當今的網頁功能中顯得越來越重要了，于是接下來為大家推薦幾款比較新穎進度條插件,感興趣的你可以參考下希望可以幫助到你
2013-03-03