jQuery實(shí)現(xiàn)單行文字間歇向上滾動(dòng)源代碼
效果網(wǎng)址:http://www.keleyi.com/keleyi/phtml/textscroll.htm
本效果加強(qiáng)版:http://www.keleyi.com/a/bjac/532bedbffca1affa.htm 主要增加了光標(biāo)懸停效果
以下是源代碼:
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<style type="text/css">
.scrollDiv{height:25px;/* 必要元素 */line-height:25px;border:#ccc 1px solid;overflow:hidden;/* 必要元素 */}
.scrollDiv li{height:25px;padding-left:10px;}
ul,li{list-style-type:none;margin:0px;}</style>
<h2>jquery特效 單行文字向上滾動(dòng)(有間歇)</h2>
<div id="scrollDiv_keleyi_com" class="scrollDiv">
<ul>
<li><a >菜單滾動(dòng)至頂部后固定</a></li>
<li><a >jquery使用ColorBox彈出圖片組瀏覽層</a></li>
<li><a >jquery右下角滑動(dòng)彈出可關(guān)閉重現(xiàn)層</a></li>
<li><a >jquery清空textarea等輸入框</a></li>
</ul>
</div>
<script type="text/javascript">
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv_keleyi_com")',3000);
});
</script>
解析:使用$('li')將匹配到的是多個(gè)li元素的集合。
如果要指定獲取第一個(gè)li元素,那么可以使用“:first”,即$('li:first');
- Jquery實(shí)現(xiàn)無縫向上循環(huán)滾動(dòng)列表的特效
- jQuery插件實(shí)現(xiàn)文字無縫向上滾動(dòng)效果代碼
- jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼
- jQuery實(shí)現(xiàn)簡單的間隔向上滾動(dòng)效果
- jquery單行文字向上滾動(dòng)效果示例
- JQuery文字列表向上滾動(dòng)的代碼
- jquery無縫向上滾動(dòng)實(shí)現(xiàn)代碼
- jquery多行滾動(dòng)/向左或向上滾動(dòng)/響應(yīng)鼠標(biāo)實(shí)現(xiàn)思路及代碼
- 簡短幾句jquery代碼的實(shí)現(xiàn)一個(gè)圖片向上滾動(dòng)切換
- jQuery實(shí)現(xiàn)動(dòng)態(tài)向上滾動(dòng)
相關(guān)文章
jQuery拖拽通過八個(gè)點(diǎn)改變div大小
這篇文章主要為大家詳細(xì)介紹了jQuery拖拽通過八個(gè)點(diǎn)改變div大小,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12jQuery實(shí)現(xiàn)的點(diǎn)贊隨機(jī)數(shù)字顯示動(dòng)畫效果(附在線演示與demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)贊隨機(jī)數(shù)字顯示動(dòng)畫效果,并附帶在線演示與demo源碼供讀者下載.涉及jQuery鼠標(biāo)事件響應(yīng)及基于animate動(dòng)畫效果實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-12-12教你用jquery實(shí)現(xiàn)iframe自適應(yīng)高度
iframe因?yàn)槟芎途W(wǎng)頁無縫的結(jié)合從而不刷新頁面的情況下更新頁面的部分?jǐn)?shù)據(jù)成為可能,可是 iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設(shè)置高度的時(shí)候多了也不好,少了更是不行,今天我們就來分享2種使用jquery實(shí)現(xiàn)iframe自適應(yīng)高度的代碼2014-06-06Jquery循環(huán)截取字符串的方法(多出的字符串處理成"...")
下面小編就為大家?guī)硪黄狫query循環(huán)截取字符串的方法(多出的字符串處理成"...")。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11基于jQuery實(shí)現(xiàn)文字打印動(dòng)態(tài)效果
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)文字打印動(dòng)態(tài)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04jQuery插件FusionCharts實(shí)現(xiàn)的MSBar2D圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的MSBar2D圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts插件結(jié)合xml數(shù)據(jù)載入實(shí)現(xiàn)繪制MSBar2D圖的相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2017-03-03jQuery框架實(shí)現(xiàn)元素顯示及隱藏三種動(dòng)畫方式
在jQuery框架中對(duì)元素對(duì)象進(jìn)行顯示和隱藏有三種方式,分別是“默認(rèn)方式顯示和隱藏”、“滑動(dòng)方式顯示和隱藏”、“淡入淡出顯示和隱藏”,今天就每種方式通過實(shí)例代碼給大家詳細(xì)講解,需要的朋友參考下吧2021-06-0610款新鮮出爐的 jQuery 插件(Ajax 插件,有幻燈片、圖片畫廊、菜單等)
這篇文章與大家分享的是10款新鮮出爐的基于 jQuery 開發(fā)的 Ajax 插件,有幻燈片、圖片畫廊、菜單等很多有用的插件。這些作者的想法特別新穎,希望你能從中找到自己需要的插件。2011-06-06