swiper怎么样实现匀速轮播,中间不停留

http://www.16sucai.com/upload...就是实现类似这种的效果,我觉得应该可以实现吧,求解

吃鸡游戏
浏览 2906回答 1
1回答

回首忆惘然

请按F12自己看~代码如下:// JavaScript Document(function($){&nbsp; &nbsp; $.fn.myScroll = function(options){&nbsp; &nbsp; //默认配置&nbsp; &nbsp; var defaults = {&nbsp; &nbsp; &nbsp; &nbsp; speed:40,&nbsp; //滚动速度,值越大速度越慢&nbsp; &nbsp; &nbsp; &nbsp; rowHeight:24 //每行的高度&nbsp; &nbsp; };&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; var opts = $.extend({}, defaults, options),intId = [];&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; function marquee(obj, step){&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; obj.find("ul").animate({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; marginTop: '-=1'&nbsp; &nbsp; &nbsp; &nbsp; },0,function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var s = Math.abs(parseInt($(this).css("margin-top")));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(s >= step){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).find("li").slice(0, 1).appendTo($(this));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).css("margin-top", 0);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; this.each(function(i){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var sh = opts["rowHeight"],speed = opts["speed"],_this = $(this);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; intId[i] = setInterval(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(_this.find("ul").height()<=_this.height()){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clearInterval(intId[i]);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; marquee(_this, sh);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, speed);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; _this.hover(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clearInterval(intId[i]);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; intId[i] = setInterval(function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(_this.find("ul").height()<=_this.height()){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clearInterval(intId[i]);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; marquee(_this, sh);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, speed);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; }})(jQuery);
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript