jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動的實(shí)例代碼
有如下代碼:
<div id="oDiv">
<ul id="oUl">
<li>第1個(gè)li元素</li>
<li>第2個(gè)li元素</li>
<li>第3個(gè)li元素</li>
<li>第4個(gè)li元素</li>
<li>第5個(gè)li元素</li>
<li>第6個(gè)li元素</li>
<li>第7個(gè)li元素</li>
<li>第8個(gè)li元素</li>
</ul>
</div>
但是頁面只顯示前5個(gè)li(相關(guān)css不做贅述),想要循環(huán)顯示li里面的內(nèi)容就是在制定的時(shí)間將ul向上移動li的高度,于此同時(shí)將第一個(gè)li加到ul中l(wèi)i的末尾。
代碼如下:
function autoScroll(obj, ul_bz){
$(obj).find(ul_bz).animate({
marginTop : "-25px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
});
}
setInterval('autoScroll("#oDiv", "#oUl")',3000)
- jQuery控制li上下循環(huán)滾動插件用法實(shí)例(附demo源碼下載)
- 多種JQuery循環(huán)滾動文字圖片效果代碼
- jQuery實(shí)現(xiàn)列表自動滾動循環(huán)滾動展示新聞
- jQuery循環(huán)滾動新聞列表示例代碼
- jQuery實(shí)現(xiàn)列表自動循環(huán)滾動鼠標(biāo)懸停時(shí)停止?jié)L動
- jQuery循環(huán)滾動展示代碼 可應(yīng)用到文字和圖片上
- 基于jQuery的公告無限循環(huán)滾動實(shí)現(xiàn)代碼
- JQuery循環(huán)滾動圖片代碼
- 基于jquery可配置循環(huán)左右滾動例子
- 基于jquery的內(nèi)容循環(huán)滾動小模塊(仿新浪微博未登錄首頁滾動微博顯示)
- 使用jquery實(shí)現(xiàn)的循環(huán)連續(xù)可停頓滾動實(shí)例
相關(guān)文章
jQuery實(shí)現(xiàn)的模擬彈出窗口功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的模擬彈出窗口功能,結(jié)合實(shí)例形式分析了jQuery彈出窗口的初始化、坐標(biāo)、背景設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下2016-11-11jquery實(shí)現(xiàn)帶復(fù)選框的表格行選中刪除時(shí)高亮顯示
在實(shí)際的應(yīng)用中可能會出現(xiàn)表格中帶復(fù)選框的,刪除時(shí),將復(fù)選框所在的行的記錄刪除。在這的地方,可以加個(gè)特效,單擊某行的同時(shí)將該行的復(fù)選框選中,該行的背景色也高亮顯示2013-08-08一個(gè)jquery實(shí)現(xiàn)的不錯(cuò)的多行文字圖片滾動效果
本節(jié)與大家分享的多行文字圖片滾動效果,基于jquery實(shí)現(xiàn),比較實(shí)用,有喜歡的朋友可以收藏下2014-09-09jQuery解決下拉框select設(shè)寬度時(shí)IE 6/7/8下option超出顯示不全
jQuery解決IE 6/7/8 BUG:下拉框select設(shè)寬度時(shí)option超出顯示不全,經(jīng)過修改效果還不錯(cuò),遇到類似情況的朋友可以參考下哈2013-05-05jquery.tagsinput.js實(shí)現(xiàn)記錄checkbox勾選的順序
這篇文章主要為大家詳細(xì)介紹了jquery.tagsinput.js實(shí)現(xiàn)記錄checkbox勾選的順序,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-09-09JQuery的Ajax請求實(shí)現(xiàn)局部刷新的簡單實(shí)例
本篇文章只要是對JQuery的Ajax請求實(shí)現(xiàn)局部刷新的簡單實(shí)例進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02ASP.NET jQuery 實(shí)例18 通過使用jQuery validation插件校驗(yàn)DropDownList
這節(jié)我們還可以通過直接設(shè)置DropDownList屬性來設(shè)置jQuery validation插件的校驗(yàn)規(guī)則和提示信息2012-02-02