OPPO官方商城jquery宽屏图片切换效果

jquery实现$(function () { // 官网首页banner轮播焦点按钮居中处理 var lilen = $(".banner-nav").find("li").size(); var ulwidth = lilen * 16 + (lilen - 1) * 8; var winwidth = $(window).width(); if (winwidth < 1180) { winwidth = 1180; } var leftpos = parseFloat((winwidth - ulwidth) * 50 / winwidth); $(".banner-nav").css("left", leftpos + "%"); });//轮播组件(function(win){ win.timerFID=''; win.slider={ currentFocusI:0, changeingFocus:false, navflag:false, speed:800, init:function(o){ var that=this; that.o=o; that.list= o.find('a.banner'); that.bar = o.find('.banner-bar'); that.bannerBg = o.find('.banner-bg'); that.nav= o.find('.banner-nav li'); that.initlist(); that.bindNav(); that.starFocustAm(); that.bindIEClick(); }, bindNav:function(){ var that=this; that.nav.bind('click',function(e){ var cur = $(e.currentTarget), i=0; that.bar.stop(); that.bar.css({'width': '0'}); if(that.navflag)return false; if(!cur.hasClass('active')){ that.navflag=true; //计算当前active 值 that.animateOut(that.o.find('.banner-nav li.active').attr('i')); if(cur.attr('i')=='0'){ i=that.nav.length-1; }else{ i=parseInt(cur.attr('i'))-1; } that.animateIn(i); } }); }, initlist:function(){ var that=this; //计算当前active 值 for(i=0;i= 350 ) { $('.pendant').css("display","inline"); } else { $('.pendant').css('display', 'none'); }}})(window);//初始化轮播组件window.slider.init($('.slide-banner'));

在线演示        积分下载        6毛下载        砍两刀下载