$(document).ready(function(){ // 屏幕宽度 var idocwidth = $(document).width(); var ibannerliimgmarginleft = -1*parseint((1920-idocwidth)/2); /* // 设置banner高度 var ibannerimgheight = 0; $(window).load(function(){ $(".banner-img-li").each(function(){ if($(this).find('img').height()>ibannerimgheight){ ibannerimgheight = $(this).find('img').height(); } }); $("#banner-img").height(ibannerimgheight); }); var iwinwidth = parseint($(window).width()); $("#banner-img").each(function(){ $(this).css({height:ibannerimgheight+'px'}); //$(this).css({width:iwinwidth+'px',height:ibannerimgheight+'px'}); }); */ $(".banner-img-li img").css('marginleft',ibannerliimgmarginleft); // banner point 居中对齐 var ibannerpointwidthone = $("#banner-tab li").width(); ibannerpointwidthone = ibannerpointwidthone ? ibannerpointwidthone : 44; //var ibannerpointwidth = $(".banner-img-li").length*ibannerpointwidthone - $("#banner-tab li").css('marginright'); var ibannerpointwidth = $(".banner-img-li").length*(ibannerpointwidthone+parseint($("#banner-tab li").css('marginright'))); $("#banner-tab").css("marginleft",-1*ibannerpointwidth/2); // 首页banner imgtab('banner-img','banner-img-li','banner-tab','banner'); /** * 图片切换 * imgbox id 切换box的外容器id * tabbox class 切换box的class * pointbox id 切换点的外容器id * timername string 定时器名字 * */ function imgtab(imgbox,tabbox,pointbox,timername){ // 设置第一张图和第一个点为显示状态 $("#"+pointbox).find("li").eq(0).attr('class','active'); $('#'+imgbox).find("."+tabbox).eq(0).css({opacity:1,filter:'alpha(opacity=100)','zindex':'9'}); // 切换的box个数 var ilen = $('#'+imgbox).find("."+tabbox).length; var itimer = []; itimer[timername] = null; var idis = 1; // 开启定时器 imgtabinterval(); // 鼠标事件 $("#"+imgbox).find("."+tabbox).each(function(idx){ $(this).mouseover(function(){ // 鼠标移入 clearinterval(itimer[timername]); }); $(this).mouseout(function(){ // 鼠标移出 idis = idx+1; imgtabinterval(); }); }); // 清除定时器 $("#"+pointbox).find("li").each(function(idx){ $(this).click(function(){ clearinterval(itimer[timername]); idis = idx; imgtabintervalback(idis); idis++; imgtabinterval(); }); }); // 定时器 function imgtabinterval(){ itimer[timername] = setinterval(function(){ if(idis==ilen) idis=0; imgtabintervalback(idis); idis++; //if(idis==ilen) idis=0; },4000); } // 切换函数 function imgtabintervalback(idis){ $("#"+imgbox).find("."+tabbox).each(function(){ $(this).css({opacity:0,filter:'alpha(opacity=0)','zindex':2}); //$(this).css('display','none'); }); $('#'+imgbox).find("."+tabbox).eq(idis).animate({'opacity':'1','zindex':'9'},'slow'); //$('#'+imgbox).find("."+tabbox).eq(idis).css('display','block'); // 切换圆点变化 $("#"+pointbox).find("li").each(function(){ $(this).attr('class',''); }); $("#"+pointbox).find("li").eq(idis).attr('class','active'); } } });