NN2020042801/public/images/js/index.js

// 首页input框
var i = 0;
$('.val1,.but1').click(function(){
	$('.div-select-keyword').slideUp(500);
    setTimeout(noneb,500)
    function noneb(){
      	$('.div-select-keyword').addClass('none');
      }
    if($('.drop-down').css('display') == "block"){
  		$('.drop-down').slideUp(500);
    }else{
   		$('.drop-down').stop(true,false).slideDown(500);
   		$('.drop-down ul li a').click(function(){
    		$('.val1').val($(this).text());
    		$("#searchCatalogInnerCode").val($(this).parent().attr("data-id"));
      		$('.drop-down').slideUp(500);
   		});
	};
});

$('.val2').click(function(){
	$('.drop-down').slideUp(500);
})   
//  }else if(keywordClass == "div-select-keyword"){
//    $('.div-select-keyword').slideUp(500);
//    setTimeout(noneb,500)
//    function noneb(){
//    	$('.div-select-keyword').addClass('none');
//    }
//  }
// })
 function focusaa(){
 	$('.div-select-keyword').slideDown(500);
    	setTimeout(nonea,500)
    function nonea(){
      	$('.div-select-keyword').removeClass('none');
    }
	 
 }
 function valblur(){
 	$('.val2').blur(function(){
 	 $('.div-select-keyword').slideUp(500);
 	setTimeout(noneb,500)
      function noneb(){
      	$('.div-select-keyword').addClass('none');
      }
 	})
 }
 
$(".banner-three form").mouseleave(function(){
	valblur();
   $('.div-select-keyword').slideUp(500);
    setTimeout(noneb,500)
    function noneb(){
      	$('.div-select-keyword').addClass('none');
      }
    $('.drop-down').slideUp(500);
    
})
// 
// 

// 首页开始轮播图
var timer;
var k = 0;
var banLen = $('.banner-if>ul>li').length;
//要执行的动画
function show(){
  $('.banner-if>ul>li').eq(k).stop().fadeIn(500).siblings().stop().fadeOut(500);
  $('.xiabiao a').eq(k).addClass('active').siblings().removeClass('active')
}     
function showtimer(){
  timer = setInterval(function(){
      if(k < banLen - 1){
          k ++;
      } else{
        k = 0
      }
      show()
  },5000)
}     

$(function(){

 $('.banner-if>ul>li').eq(0).show().siblings().hide();
 showtimer();
 $('.banner-if>ul>li').hover(
  function(){
    clearInterval(timer);         
  },
  function(){
     showtimer(); 
  }) 
 $('.xiabiao a').hover(function(){
      k = $(this).index();
      show();
      clearInterval(timer); 
    },function(){
    	showtimer();
    })

}) 

// 推荐部分的动画效果
$('.fine-left-bottomL ul li').eq(0).css({'position':'relative'});

$('.fine-left-top ul li').click(function(){
  $(this).addClass('opactive').siblings().removeClass('opactive');
})

var windowhtight = $(window).height()/2
// 轮播图
$('#slideInner1').carousel({
   interval: 3000
 })
  
 $('#myCarousel').carousel({
   interval: 3000
 })
 $('#lunbobox1').carousel({
   interval: 3000
 })
 
 $('#lunbobox2').carousel({
   interval: 3000
 })
 $('#lunbobox3').carousel({
   interval: 3000
 })
 $('#lunbobox4').carousel({
   interval: 3000
 })
 $('#lunbobox5').carousel({
   interval: 3000
 })
 $('#lunbobox6').carousel({
   interval: 3000
 })
 $('#lunbobox7').carousel({
   interval: 3000
 })
 $('#lunbobox8').carousel({
   interval: 3000
 })
 $('#lunbobox9').carousel({
   interval: 3000
 })
 $('#lunbobox10').carousel({
   interval: 3000
 })
 $('#lunbobox11').carousel({
   interval: 3000
 })
 $('#lunbobox12').carousel({
   interval: 3000
 })
// 选项卡
  // 第一个选项卡
$('.hit-nav-jeep').eq(0).addClass('block');
$('.hit #myTab li').eq(0).addClass('active');
$('.hit #myTab li a').mouseover(function(){
  var index = $(this).parent().index();
  $('.hit-nav-jeep').eq(index).addClass('block').siblings('.hit-nav-jeep').removeClass('block');
  $('.hit #myTab li').eq(index).addClass('active').siblings().removeClass('active');
})

$('.second-content1 .second-content-cont').eq(0).addClass('block');
$('.second-content1 #content1 li').eq(0).addClass('active');
$('.second-content1 #content1 li a').mouseover(function(){
   var index = $(this).parent().index();
   $('.second-content1 .second-content-cont').eq(index).addClass('block').siblings('.second-content-cont').removeClass('block');
   $('.second-content1 #content1 li').eq(index).addClass('active').siblings().removeClass('active');
})

$('.second-content2 .second-content-cont').eq(0).addClass('block');
$('.second-content2 #content1 li').eq(0).addClass('active');
$('.second-content2 #content1 li a').mouseover(function(){
   var index = $(this).parent().index();
   $('.second-content2 .second-content-cont').eq(index).addClass('block').siblings('.second-content-cont').removeClass('block');
   $('.second-content2 #content1 li').eq(index).addClass('active').siblings().removeClass('active');
})

$('.second-content3 .second-content-cont').eq(0).addClass('block');
$('.second-content3 #content1 li').eq(0).addClass('active');
$('.second-content3 #content1 li a').mouseover(function(){
   var index = $(this).parent().index();
   $('.second-content3 .second-content-cont').eq(index).addClass('block').siblings('.second-content-cont').removeClass('block');
   $('.second-content3 #content1 li').eq(index).addClass('active').siblings().removeClass('active');
})

$(function(){
	$(".banner-con ul li").hover(function(){
		$(this).find(".contentbox").stop().fadeIn(500);
		$(this).addClass("on").siblings().removeClass("on");
		
	},function(){
		$(this).find(".contentbox").stop().fadeOut(500);
		$(".banner-con ul li").removeClass("on")
	})
	
	
	$(window).scroll(function() {
        if ($(window).scrollTop() > 600) {
          	$(".fixleftbox").fadeIn(800);
        } else {
            $(".fixleftbox").fadeOut(800);
            $(".fixleftbox ul li").removeClass("on")
            
        }
        
    });
      
    $(".gotop").click(function(){
        $("body,html").animate({
          scrollTop:0
        },500)
    })
      
    $(".erweima").hover(function(){
      	$(".erweimabox").show()
    },function(){
      	$(".erweimabox").hide()
    })
      
      
    $('.fixleftbox ul li').click(function(){
		$(this).addClass("on").siblings().removeClass("on")
        var box_h= $(".navhotbox").eq($(this).index()).offset().top;
      
        $("body,html").animate({
          scrollTop:box_h+20
        },200)
    });
  
    $(".hotselecetbox a:last-child").css("border","0 none");
  
    $(".newfinetopbox ul li").each(function(){
    	$(this).hover(function(){
    		$(this).find(".imgname").show()
    	},function(){
    		$(this).find(".imgname").hide()
    	})
 	});
 	
	$('.boutique-content dl').mouseover(function(){
      $(this).addClass('active').siblings().removeClass('active');
	});
	
	
	$(".industrybox .industry:last-child").css("border","0 none");
	
	
	
	
	
//	1

	var box1_h=$(".fine").offset().top;
	var box1h = $(".fine").height();
//	2
	var box2_h =$(".newbox0").offset().top;
	var box2h = $(".newbox0").height();
//	3
	var box3_h =$(".launch").offset().top;
	var box3h = $(".launch").height();
//	4
	var box4_h =$(".newbox1").offset().top;
	var box4h = $(".newbox1").height();
//	5
	var box5_h =$(".newbox2").offset().top;
	var box5h = $(".newbox2").height();
//	6
	var box6_h =$(".newbox3").offset().top;
	var box6h = $(".newbox3").height();
//	7
	var box7_h =$(".newbox4").offset().top;
	var box7h = $(".newbox4").height();
//	8	
	var box8_h =$(".newbox5").offset().top;
	var box8h = $(".newbox5").height();
//	9	
	var box9_h =$(".newbox6").offset().top;
	var box9h = $(".newbox6").height();
//	10	
	var box10_h =$(".newbox7").offset().top;
	var box10h = $(".newbox7").height();
//	11	
	var box11_h =$(".newbox8").offset().top;
	var box11h = $(".newbox8").height();
//	12	
	var box12_h =$(".newbox9").offset().top;
	var box12h = $(".newbox9").height();
//	13	
	var box13_h =$(".newbox10").offset().top;
	var box13h = $(".newbox10").height();
//	14	
	var box14_h =$(".newbox11").offset().top;
	var box14h = $(".newbox11").height();
//	15	
	var box15_h =$(".newbox12").offset().top;
	var box15h = $(".newbox12").height();

	$(window).scroll(function() {
        if ($(window).scrollTop() > box1_h - windowhtight &&  $(window).scrollTop() < box1_h + box1h - windowhtight) {
          	$(".projectli1").addClass("on");
        }
        else{
        	$(".projectli1").removeClass("on");
        }
    });
	$(window).scroll(function() {
        if ($(window).scrollTop() > box2_h - windowhtight &&  $(window).scrollTop() < box2_h + box2h-windowhtight) {
          	$(".projectli2").addClass("on");
        }
        else{
        	$(".projectli2").removeClass("on");
        }
    });
	$(window).scroll(function() {
        if ($(window).scrollTop() > box3_h - windowhtight &&  $(window).scrollTop() < box3_h + box3h - windowhtight) {
          	$(".projectli3").addClass("on");
        }
        else{
        	$(".projectli3").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box4_h - windowhtight &&  $(window).scrollTop() < box4_h + box4h - windowhtight) {
          	$(".projectli4").addClass("on");
        }
        else{
        	$(".projectli4").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box5_h - windowhtight &&  $(window).scrollTop() < box5_h + box5h - windowhtight) {
          	$(".projectli5").addClass("on");
        }
        else{
        	$(".projectli5").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box6_h - windowhtight &&  $(window).scrollTop() < box6_h + box6h - windowhtight) {
          	$(".projectli6").addClass("on");
        }
        else{
        	$(".projectli6").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box7_h - windowhtight &&  $(window).scrollTop() < box7_h + box7h - windowhtight) {
          	$(".projectli7").addClass("on");
        }
        else{
        	$(".projectli7").removeClass("on");
        }
    });
    
    $(window).scroll(function() {
        if ($(window).scrollTop() > box8_h - windowhtight &&  $(window).scrollTop() < box8_h + box8h - windowhtight) {
          	$(".projectli8").addClass("on");
        }
        else{
        	$(".projectli8").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box9_h - windowhtight &&  $(window).scrollTop() < box9_h + box9h - windowhtight) {
          	$(".projectli9").addClass("on");
        }
        else{
        	$(".projectli9").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box10_h - windowhtight &&  $(window).scrollTop() < box10_h + box10h - windowhtight) {
          	$(".projectli10").addClass("on");
        }
        else{
        	$(".projectli10").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box11_h - windowhtight &&  $(window).scrollTop() < box11_h + box11h - windowhtight) {
          	$(".projectli11").addClass("on");
        }
        else{
        	$(".projectli11").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box12_h - windowhtight &&  $(window).scrollTop() < box12_h + box12h - windowhtight) {
          	$(".projectli12").addClass("on");
        }
        else{
        	$(".projectli12").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box13_h - windowhtight &&  $(window).scrollTop() < box13_h + box13h - windowhtight) {
          	$(".projectli13").addClass("on");
        }
        else{
        	$(".projectli13").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box14_h - windowhtight &&  $(window).scrollTop() < box14_h + box14h - windowhtight) {
          	$(".projectli14").addClass("on");
        }
        else{
        	$(".projectli14").removeClass("on");
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() > box15_h - windowhtight &&  $(window).scrollTop() < box15_h + box15h - windowhtight) {
          	$(".projectli15").addClass("on");
        }
        else{
        	$(".projectli15").removeClass("on");
        }
    });
})