//1、banner轮播控制 $(function(){ var bannerswiper = new Swiper('.banner .swiper-container', { speed:500,//一个滑动的时间 autoplay : 5000,//总体要多少时间滑完 autoplayDisableOnInteraction : false, loop:true, pagination : '.banner .swiper-pagination',//这个说明要圆点 paginationClickable :true,//这个说明要圆点 prevButton:'.banner .swiper-button-prev',//这是说明有左箭头 nextButton:'.banner .swiper-button-next',//这是说明有右箭头 }) $('.banner').mouseover(function(){ //控制左右箭头 bannerswiper.stopAutoplay() }) $('.banner').mouseout(function(){ //控制左右箭头 bannerswiper.startAutoplay() }) }) // 2、PC端导航下拉缓冲效果 $(function(){ $(".nav li").hover(function(){ $(this).find(".nav-zi").stop().slideDown(); },function(){ $(this).find(".nav-zi").stop().slideUp(); }) }) // PC端导航下拉缓冲效果结束 //3、手机端导航展开关闭按钮 $(function(){ $(".ydd_btn").click(function(){ if($(this).hasClass('click')){ $(this).removeClass("click"); } else{ $(this).addClass("click"); } }); $(".ydd_btn").hover(function(){ $(this).addClass("hover"); },function(){ $(this).removeClass("hover"); }); $(".ydd_btn").bind("click",function(){ $(".sjdnav").slideToggle(); }); }); //4、等比例缩放 $(function(){ function imgs (){ var imgbox3W= $(".video .imgbox .tu").width(); $(".video .imgbox .tu").css("height",imgbox3W*0.66+"px"); var imgs4W= $("").width(); $("").css("height",imgs4W*0.4867+"px"); var imgs5W= $("").width(); $("").css("height",imgs5W*0.7+"px"); } imgs(); $(window).resize(function(){ imgs(); }); }) //5、选项卡js $(function(){ $(".anbox .an").hover(function() { var _this = $(".anbox .an").index(this); $(".anbox .an").removeClass("active"); $(this).addClass("active"); $(".contbox .cont").hide(); $(".contbox .cont").eq(_this).show(); }); $(".anbox1 .an1").hover(function() { var _this = $(".anbox1 .an1").index(this); $(".anbox1 .an1").removeClass("active"); $(this).addClass("active"); $(".contbox1 .cont1").hide(); $(".contbox1 .cont1").eq(_this).show(); }); }); //6、网站底部热点js $(function(){ $('#tabBar .clickbtn').click(function(){ if( $('#tabBar .navigation').hasClass('active') ){ $('#tabBar').removeClass('active'); $('#tabBar .clickbtn').removeClass('active').addClass('on'); $('#tabBar .navigation').removeClass('active'); }else{ $('#tabBar').addClass('active'); $('#tabBar .clickbtn').addClass('active').removeClass('on'); $('#tabBar .navigation').addClass('active'); } }) }) //数字滚动 //第一个数字滚 $(function() { var max = 20; function countdown() { var num = 0; $(".tiaodong1").text(num); var setInt = setInterval(function () { var e = parseInt(Math.random() * 3); num = num + e; $(".tiaodong1").text(num); if (num > max) { clearInterval(setInt); $(".tiaodong1").text(max); } }, 50); } countdown(); }) //第二个数字滚 $(function() { var max = 10; function countdown() { var num = 0; $(".tiaodong2").text(num); var setInt = setInterval(function () { var e = parseInt(Math.random() * 3); num = num + e; $(".tiaodong2").text(num); if (num > max) { clearInterval(setInt); $(".tiaodong2").text(max); } }, 50); } countdown(); }) //第三个数字滚 $(function() { var max = 14; function countdown() { var num = 0; $(".tiaodong3").text(num); var setInt = setInterval(function () { var e = parseInt(Math.random() * 3); num = num + e; $(".tiaodong3").text(num); if (num > max) { clearInterval(setInt); $(".tiaodong3").text(max); } }, 50); } countdown(); }) //第四个数字滚 $(function() { var max = 167; function countdown() { var num = 0; $(".tiaodong4").text(num); var setInt = setInterval(function () { var e = parseInt(Math.random() * 20); num = num + e; $(".tiaodong4").text(num); if (num > max) { clearInterval(setInt); $(".tiaodong4").text(max); } }, 50); } countdown(); })