jQuery實(shí)現(xiàn)簡(jiǎn)單的間隔向上滾動(dòng)效果
本文實(shí)例講述了jQuery實(shí)現(xiàn)簡(jiǎn)單的間隔向上滾動(dòng)效果的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
<div id="broadcast" class="bar" name="giftactive">
<div style="float:left"><strong>間隔滾動(dòng)效果:</strong></div>
<div id="demo" style="overflow:hidden;height:22px;line-height:22px;">
<ul class="mingdan" id="holder">
<li><a href="#" target="_blank">aaaaaa</a></li>
<li><a href="#" target="_blank">bbbbbb</a></li>
<li><a href="#" target="_blank">cccccc</a></li>
<li><a href="#" target="_blank">dddddd</a></li>
<li><a href="#" target="_blank">eeeeee</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-22px"
}, 500, function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
});
}
$(document).ready(function() {
setInterval('AutoScroll("#demo")', 1000)
});
</script>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- Jquery實(shí)現(xiàn)無(wú)縫向上循環(huán)滾動(dòng)列表的特效
- jQuery插件實(shí)現(xiàn)文字無(wú)縫向上滾動(dòng)效果代碼
- jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼
- jquery單行文字向上滾動(dòng)效果示例
- JQuery文字列表向上滾動(dòng)的代碼
- jQuery實(shí)現(xiàn)單行文字間歇向上滾動(dòng)源代碼
- jquery無(wú)縫向上滾動(dòng)實(shí)現(xiàn)代碼
- jquery多行滾動(dòng)/向左或向上滾動(dòng)/響應(yīng)鼠標(biāo)實(shí)現(xiàn)思路及代碼
- 簡(jiǎn)短幾句jquery代碼的實(shí)現(xiàn)一個(gè)圖片向上滾動(dòng)切換
- jQuery實(shí)現(xiàn)動(dòng)態(tài)向上滾動(dòng)
相關(guān)文章
Jquery實(shí)現(xiàn)select multiple左右添加和刪除功能的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇Jquery實(shí)現(xiàn)select multiple左右添加和刪除功能的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05用jquery與css打造個(gè)性化的單選框和復(fù)選框
利用jquery和css打造個(gè)性化的單選框和復(fù)選框,喜歡的朋友可以參考下。2010-10-10JQuery實(shí)現(xiàn)左右滾動(dòng)菜單特效
這篇文章主要介紹了jquery實(shí)現(xiàn)左右滑動(dòng)菜單效果代碼,涉及jquery鼠標(biāo)事件相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09jquery如何改變html標(biāo)簽的樣式(兩種實(shí)現(xiàn)方法)
對(duì)于如何修飾html標(biāo)簽,這對(duì)于js來(lái)說(shuō),可以通過(guò)setAttribute來(lái)設(shè)置標(biāo)簽的屬性,通過(guò)getAttribute來(lái)得到標(biāo)簽的屬性,而在jq中當(dāng)然也可以實(shí)現(xiàn)類似的功能,方法上肯定比js要簡(jiǎn)化多了,接下來(lái)介紹實(shí)現(xiàn)方法,感興趣的朋友可以了解下2013-01-01使用jquery局部刷新(jquery.load)從數(shù)據(jù)庫(kù)取出數(shù)據(jù)
jquery提供了很好的ajax交互,我這里用的是直接返回字符串,用的是jquery.load方法從數(shù)據(jù)庫(kù)取出的數(shù)據(jù)2014-01-01當(dāng)jQuery1.7遇上focus方法的問(wèn)題
如果一定要用最高版本的jQuery,最省事的辦法莫過(guò)于在寫(xiě)xxx.focus()時(shí),加一個(gè)try/catch,變成try{xxx.focus();}catch(e){}2014-01-01