产品中心

拆解案例

(function(){ var $c = $('#owl_8461548237214318'); if(!$c.length) return; // eager-load all images from data-src -> src $c.find('img[data-src]').each(function(){ var $i = $(this); var real = $i.attr('data-src'); if(real && real.indexOf('null') < 0){ $i.attr('src', real); } $i.removeAttr('data-src'); }); // horizontal scroll container var $items = $c.children('.item'); if(!$items.length) return; var $wrap = $c.parent(); $wrap.css({'overflow':'hidden','position':'relative'}); $items.css({'float':'left','margin-left':'8px','margin-right':'8px','display':'block'}); var itemW = $items.first().outerWidth(true) || 200; var $innerWrap = $(''); $c.wrap($innerWrap); var cur = 0; var maxScroll = Math.max(0, $items.length * itemW - $wrap.width()); var dir = 1; var paused = false; function tick(){ if(!paused && maxScroll > 0){ cur += dir * itemW; if(cur >= maxScroll){ cur = maxScroll; dir = -1; } if(cur <= 0){ cur = 0; dir = 1; } $wrap.scrollLeft(cur); } } setInterval(tick, 4500); $wrap.hover(function(){ paused=true; }, function(){ paused=false; }); // prev/next buttons $('#owl_8461548237214318').closest('.pluginContent').find('.owl-prev,.owl-next').unbind('click').click(function(){ var $b = $(this); cur = $wrap.scrollLeft(); if($b.hasClass('owl-prev')) cur = Math.max(0, cur - itemW); else cur = Math.min(maxScroll, cur + itemW); $wrap.scrollLeft(cur); }); })();