这个滚动效果还是挺不错的,不是我写的,可以算是我收藏的吧

原创 1244321641 译文 滚动效果 362阅读 2018-01-03 10:22:58 举报

Roll: function(){

                            //多行应用@Mr.Think 
                    var _wrap=$("ul");//定义滚动区域 
                    var _interval=3000;//定义滚动间隙时间 
                    var _moving;//需要清除的动画 
                    _wrap.hover(function(){ 
                        clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动 
                        },function(){
                        _moving=setInterval(function(){ 
                            var _field=_wrap.find('li:first');//此变量不可放置于函数起始处,li:first取值是变化的
                            var _h=_field.height();//取得每次滚动高度
                            var h=_h; 
                            _field.animate({marginTop:-h+'px'},1000,function(){//通过取负margin值,隐藏第一行 
                            _field.css('marginTop',0);
                            _field.appendTo(_wrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动
                            }) 
                        },_interval)//滚动间隔时间取决于_interval 
                            if(_wrap.height()<279){
                                clearInterval(_moving)
                            } 
                    });
                    window.setTimeout("$('ul').trigger('mouseleave');",1000);//函数载入时,模拟执行mouseleave,即自动滚动
                    if(_wrap.height()<279){
                        clearInterval(_moving)
                    } 
    }
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复