$(function(){ //根据窗口大小判断加载不同的尺寸的图片 function change(){ var w_width=$(window).width(); $('img').each(function() { if(w_width>999){ $(this).attr('src',$(this).attr('data-1920')); } else if(w_width<=999&&w_width>640){ $(this).attr('src',$(this).attr('data-990')); } else if(w_width<=640){ $(this).attr('src',$(this).attr('data-640')); } }) }change(); $(window).load(function() { settimeout(hu,500) function hu(){ var b_h=$('.banner li img').height(); $('.banner li,.banner ul').height(b_h); } }); $(window).resize(function() { change(); settimeout(hu,500) function hu(){ var b_h=$('.banner li img').height(); $('.banner li,.banner ul').height(b_h); } }); var ban_i=0; var $n_banner=$('.n_banner'); var size=$n_banner.find('li').length; var banroll=setinterval(moverun,5000); //banner点击事件 $('.n_banner .num a').click(function() { var index=$(this).index(); ban_i=index; if(!$n_banner.find('li').is(':animated')){ $n_banner.find('li').eq(ban_i) .addclass('on') .animate({opacity:"1"},800); $n_banner.find('li').eq(ban_i) .siblings() .removeclass('on') .animate({opacity:"0"},800); } $(this).addclass('on') .siblings().removeclass('on'); }); //banner定时器自动滚动 function moverun(){ if(!$n_banner.find('li').is(':animated')){ ban_i math.abs(y)) { if(x>30){ moverun() }else if(x<0){ if(!$n_banner.find('li').is(':animated')){ ban_i>0?ban_i--:ban_i=size-1; $n_banner.find('li').eq(ban_i) .addclass('on') .animate({opacity:"1"},800); $n_banner.find('li').eq(ban_i) .siblings() .removeclass('on') .animate({opacity:"0"},800); $('.n_banner .num a').eq(ban_i) .addclass('on').siblings() .removeclass('on'); } } } }); $n_banner.find('li').on('touchend',function(e){ e.preventdefault(); moveendx = e.originalevent.changedtouches[0].pagex, moveendy = e.originalevent.changedtouches[0].pagey; x = moveendx - startx, y = moveendy - starty; if(x==0&&y==0){ var _link=$(this).children('a').attr('href'); window.open(_link) }; banroll=setinterval(moverun,5000); }); })