jQuery产品间断向下滚动效果核心代码
这篇文章主要为大家分享了jQuery产品间断向下滚动的核心代码,需要的朋友可以参考下
核心代码如下：
$(function(){
var _BuyList=$("#buyList");
var Trundle = function () {
_BuyList.prepend(_BuyList.find("li:last")).css('marginTop', '-85px');
_BuyList.animate({ 'marginTop': '0px' }, 800);
}
var setTrundle = setInterval(Trundle, 3000);
_BuyList.hover(function () {
clearInterval(setTrundle);
setTrundle = null;
},function () {
setTrundle = setInterval(Trundle, 3000);
});
});
代码如下:
$(function(){
var _BuyList=$("#buyList");
var Trundle = function () {
_BuyList.prepend(_BuyList.find("li:last")).css('marginTop', '-85px');
_BuyList.animate({ 'marginTop': '0px' }, 800);
}
var setTrundle = setInterval(Trundle, 3000);
_BuyList.hover(function () {
clearInterval(setTrundle);
setTrundle = null;
},function () {
setTrundle = setInterval(Trundle, 3000);
});
});
精彩图集
精彩文章