jquery 文本上下無(wú)縫滾動(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)簡(jiǎn)單的無(wú)縫滾動(dòng)
- jquery無(wú)縫向上滾動(dòng)實(shí)現(xiàn)代碼
- 基于jQuery的圖片左右無(wú)縫滾動(dòng)插件
- jQuery插件scroll實(shí)現(xiàn)無(wú)縫滾動(dòng)效果
- jcarousellite.js 基于Jquery的圖片無(wú)縫滾動(dòng)插件
- jQuery動(dòng)畫效果實(shí)現(xiàn)圖片無(wú)縫連續(xù)滾動(dòng)
- jquery xMarquee實(shí)現(xiàn)文字水平無(wú)縫滾動(dòng)效果
- 基于jQuery的上下無(wú)縫滾動(dòng)應(yīng)用(單行或多行)
- jquery實(shí)現(xiàn)表格無(wú)縫滾動(dòng)
相關(guān)文章
下面小編就為大家?guī)?lái)一篇JQuery為元素添加樣式的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
基于jQuery實(shí)現(xiàn)的雙11天貓拆紅包抽獎(jiǎng)效果
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的雙11天貓拆紅包抽獎(jiǎng)效果，在即將到來(lái)的雙十二活動(dòng)中大家也可以使用拆紅包抽獎(jiǎng)吸引消費(fèi)者，需要的朋友可以參考下2015-12-12
jQuery+css實(shí)現(xiàn)炫目的動(dòng)態(tài)塊漂移效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的動(dòng)態(tài)塊漂移效果,涉及jQuery基于隨機(jī)數(shù)與時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
jquery實(shí)現(xiàn)html頁(yè)面 div 假分頁(yè)有原理有代碼
大概原理就是填充后div的總高度 （1000px） 顯示高度（100px） 則頁(yè)面總數(shù)為10頁(yè) 。當(dāng)查看第二頁(yè)時(shí)，顯示的div高度為100 - 200之間，以此類推2014-09-09
jQuery dateRangePicker插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery dateRangePicker插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了jQuery中:file選擇器用法,實(shí)例分析了:file選擇器的功能、定義及選取類型為file的<input>元素的使用技巧,需要的朋友可以參考下2015-01-01
當(dāng)jquery ajax遇上401請(qǐng)求的解決方法
下面小編就為大家?guī)?lái)一篇當(dāng)jquery ajax遇上401請(qǐng)求的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了jQuery取消ajax請(qǐng)求的方法,可實(shí)現(xiàn)在Ajax請(qǐng)求超時(shí)的情況下取消請(qǐng)求的功能,需要的朋友可以參考下2015-06-06
jquery pagination插件實(shí)現(xiàn)無(wú)刷新分頁(yè)代碼
首先，我們要準(zhǔn)備的文件有jquery.js,jquery.pagination.js,pagination.css,還有一個(gè)就是經(jīng)常用的table布局的css文件。這些文件都會(huì)在后面的文件中包含。2009-10-10
jquery獲取tr中控件值并操作tr實(shí)現(xiàn)思路
本教程將詳細(xì)介紹下jquery如何獲取tr中控件值并操作tr，代碼很精簡(jiǎn)，感興趣的各位可以參考下哈，希望可以幫助到你們2013-03-03