jquery 文本上下無縫滾動(dòng),鼠標(biāo)放上去就停止 小例子
<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
<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 () {
var myar = setInterval('AutoScroll("#con2_qhd_3")', 1000);
//當(dāng)鼠標(biāo)放上去的時(shí)候,滾動(dòng)停止,鼠標(biāo)離開的時(shí)候滾動(dòng)開始
$("#con2_qhd_3").hover(function () { clearInterval(myar); }, function () { myar = setInterval('AutoScroll("#con2_qhd_3")', 1000) });
});
</script>
<div id="con2_qhd_3">
<ul>
<li><a href="#">歡迎111111111111</a></li>
<li><a href="#">歡迎22222222222</a></li>
<li><a href="#">歡迎333333333333</a></li>
<li><a href="#">歡迎4444444444444</a></li>
<li><a href="#">歡迎5555555555</a></li>
<li><a href="#">歡迎66666666666666</a></li>
</ul>
</div>
- Jquery原生態(tài)實(shí)現(xiàn)表格header頭隨滾動(dòng)條滾動(dòng)而滾動(dòng)
- jquery實(shí)現(xiàn)簡單的無縫滾動(dòng)
- jquery無縫向上滾動(dòng)實(shí)現(xiàn)代碼
- 基于jQuery的圖片左右無縫滾動(dòng)插件
- jQuery插件scroll實(shí)現(xiàn)無縫滾動(dòng)效果
- jcarousellite.js 基于Jquery的圖片無縫滾動(dòng)插件
- jQuery動(dòng)畫效果實(shí)現(xiàn)圖片無縫連續(xù)滾動(dòng)
- jquery xMarquee實(shí)現(xiàn)文字水平無縫滾動(dòng)效果
- 基于jQuery的上下無縫滾動(dòng)應(yīng)用(單行或多行)
- jquery實(shí)現(xiàn)表格無縫滾動(dòng)
相關(guān)文章
EasyUI學(xué)習(xí)之Combobox級聯(lián)下拉列表(2)
這篇文章主要為大家詳細(xì)介紹了EasyUI學(xué)習(xí)之Combobox級聯(lián)下拉列表的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12jQuery插件boxScroll實(shí)現(xiàn)圖片輪播特效
本文給大家分享的是使用jQuery插件Boxscroll來實(shí)現(xiàn)簡單的圖片輪播特效的代碼,非常簡單實(shí)用,有需要的小伙伴可以參考下。2015-07-07jquery 綁定回車動(dòng)作撲捉回車鍵觸發(fā)的事件
這篇文章主要介紹了jquery如何撲捉回車鍵觸發(fā)的事件,需要的朋友可以參考下2014-03-03