$.fn.moveUp=function(options){
var defaults={
moveObj:'.tempWrap',//滚动的对象
cloneCont:'.contUL',//要复制的内容外层obj
childElement:'.contUL li',//复制的一个内容的子元素
num:'5',//滚动的个数
time:'15'
};
var opts=$.extend({},defaults,options);
$(this).each(function(){
var c=$(this),
$tempWrap=c.find(opts.moveObj),//滚动的obj
clone=c.find(opts.cloneCont).clone(),//滚动的内容obj
speed=1,//速度
oneElementHeight=c.find(opts.childElement).eq(0).height(),//一个内容的高度
limitHeight=oneElementHeight*opts.num,//
timer=null;
//alert(c.find(opts.cloneCont).html())
//console.log(oneElementHeight+"||"+c.find(opts.childElement).length)
//alert($tempWrap.height())
if($tempWrap.height()> limitHeight ){
timer=setInterval(domove,opts.time);
$tempWrap.append(clone);
}
function domove(){
speed+=1;
if (speed>$(opts.cloneCont).height()) {
speed=0;
};
$tempWrap.css({'marginTop':-speed+'px'});
}
c.find('.contUL').hover(function(){
clearInterval(timer);
},function(){
//alert($tempWrap.height())
if($tempWrap.height()> limitHeight){
timer=setInterval(domove,opts.time);
if(c.find(opts.cloneCont).length==1){//解决初始化没滚动,但是异步添加数据后,鼠标放上去却滚动了,但是滚动没有追加内容
$tempWrap.append(clone);
}
//$tempWrap.append(clone);
}
});
});
};
相关文章: