Question

修改JS代码，使鼠标经过停止滚动

以下这段代码是文字滚动的，鼠标经过时不停止，请大神修改一下让鼠标经过是能停止，移开后继续。分没了，求大神帮忙，大恩不言谢。

// 文字滚动列表
function autoScroll(obj){

$(obj).find(".list1").animate({

marginTop : "-28px"

},500,function(){

$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);

})

}

$(function(){

setInterval('autoScroll(".scroll")',2800)

})

Answer 1

可以改成这样的试试看。。

修改了。

// 文字滚动列表
var _t = null
function autoScroll(){
	
	$(".scroll").find(".list1").animate({  
		marginTop : "-28px"
	},500,function(){
		$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
	})
	_t = setTimeout(autoScroll,2800);
	$(".scroll").hover(
		function(){
			clearTimeout(_t);
		},
		function(){
			_t = setTimeout(autoScroll,2800);
		}
	)
}
$(function(){
	autoScroll()
})

追问

这段代码貌似不可用，替换后只滚动一次就自动停了。

追答

稍等。。

可以这样。

function autoScroll(obj){
var _t;
function scroll(){
$(obj).find(".list1").animate({
marginTop : "-105px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
}
_t = setInterval(scroll,2800);
$(obj).hover(
function(){
clearInterval(_t);
},
function(){
setInterval(scroll,2800);
}
)

}
$(function(){
autoScroll(".scroll");
})

追问

第一次鼠标指向时正常停止，第二次以后鼠标指向不停，且滚动速度加快了。

追答

噢噢噢噢。。弄丢了一个地方。。
function(){
setInterval(scroll,2800); 这个替换为_t = setInterval(scroll,2800);
}

Answer 2

onMouseOver 事件是鼠标移动到元素上触发的事件，你在这里面可以写停止滚动代码
onMouseOut 事件是鼠标离开的事件，在这里可以写继续滚动的代码

Answer 3

<script type="text/javascript">
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-34px"
}, 500, function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
});
}
$(document).ready(function() {
setInterval('AutoScroll("#bartb")', 2000)
});
</script>
这个代码改成
修改JS代码，使鼠标经过停止滚动
怎么改？？？？？？？？？？？？？？