(function($){ $.fn.numberRock=function(options){ var defaults={ lastNumber:100, duration:3000, easing:'swing' //swing(默认 : 缓冲 : 慢快慢) linear(匀速的) }; var opts=$.extend({}, defaults, options); $(this).animate({ num : "numberRock", },{ duration : opts.duration, easing : opts.easing, complete : function(){ // console.log("success"); }, step : function(a,b){ $(this).html(parseInt(b.pos * opts.lastNumber)); } }); } })(jQuery); $(document).ready(function(){ function loadVideo(){ if($(".indexShowVideo").length > 0){ var indexPlayer = videojs('indexVideo'); videojs("indexVideo").ready(function () { var indexPlayer = this; indexPlayer.play(); }); } } loadVideo(); // videoSize(); // scaleWindow(); indexFullPage(); indexBanner(); videoSwiper(); indexBannerSize(); noticeSlide(); groupSlide(); linkConWidth(); gtBrowser(); if($(".index-banner").length > 0){ var _src = $(".index-banner .swiper-slide-active").find("img").attr('src'); $(".left-nav").css({'background':'url('+_src+') no-repeat'}) function videoSize(){ // var winWidth = $(window).width()+200; //浏览器宽度 // var winHeight = $(window).height()+200; //浏览器高度 var _W = $(".indexShowVideo-con").find(".opcity").width()+100; var _h = $(".indexShowVideo-con").find(".opcity").height()+100; $(".indexShowVideo").find("video").css({'width':_W,'height':_h}); $("#indexVideo").css({'width':_W,'height':_h,'margin-top':-_h/2,'margin-left':-_W/2}); } videoSize(); $(window).resize(function(){ videoSize(); }) } if($(".videoCenter").length > 0){ var indexPlayer = videojs('video1'); videojs("video1").ready(function () { var indexPlayer = this; // this.play(); }); $(".v-wrap").click(function(){ $(".indexShowVideo").fadeOut(); }) } }); $(window).resize(function(){ indexBannerSize(); linkConWidth(); }); //fullpage function indexFullPage(){ $("#fullpage").fullpage({ anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'fifthPage','sixPage','seventhPage','eighthPage'], menu: '#menu', scrollingSpeed:400, navigation:true, navigationPosition:'right', css3:true, fitToSection: true, resize : false, verticalCentered:false, onLeave: function(anchorLink, index){ $(".nav-goTop .redLine").height(15*index+'px'); if(index === 1){ $(".nav-goTop .redLine").height(0); $(".headerCon").addClass("animation"); $("#fullpage .section#section1").css('overflow','inherit') }else if(index === 6){ var _txt1 = $(".counter1").attr('data-val'); var _txt2 = $(".counter2").attr('data-val'); var _txt3 = $(".counter3").attr('data-val'); var _txt4 = $(".counter4").attr('data-val'); var _txt5 = $(".counter5").attr('data-val'); $(".counter1").numberRock({ lastNumber:_txt1, duration:2000, easing:'swing', }); $(".counter2").numberRock({ lastNumber:_txt2, duration:2000, easing:'swing', }); $(".counter3").numberRock({ lastNumber:_txt3, duration:2000, easing:'swing', }); $(".counter4").numberRock({ lastNumber:_txt4, duration:2000, easing:'swing', }); $(".counter5").numberRock({ lastNumber:_txt5, duration:2000, easing:'swing', }); }else{ $(".headerCon").removeClass("animation"); } if(index>1){ $(".left-nav").addClass("fixed"); }else{ $(".left-nav").removeClass("fixed"); } }, afterLoad: function(anchorLink, index){ if(index === 1){ $(".headerCon").addClass("animation"); }else{ $(".headerCon").removeClass("animation"); $("#fullpage .section#section1").css('overflow','hidden') } } }); } function num(){ $(".counter").each(function(){ $(this).prop('counter',0).animate({ Crs:$(this).text() },{ duration:2000, easing:'swing', step:function(now){ console.log(now) $(this).text(Math.ceil(now)); } }) }) } //首页banner function indexBanner(){ if($(".index-banner").length > 0){ var swiper = new Swiper ('.index-banner .swiper-container', { pagination: '.index-banner .pagination', // nextButton: '.index-banner .arrow-right', // prevButton: '.index-banner .arrow-left', paginationClickable :true, autoHeight: true, autoplay:5000, noSwiping : true, speed:800, autoplayDisableOnInteraction : false, loop : true, onSlideChangeStart: function(swiper){ var _src = $(".index-banner .swiper-slide-active").find("img").attr('src'); // $("body").css('background','rgba(0, 0, 0, 0.6)'+_src); $(".left-nav").css('background','url('+_src+')') } }) $(".index-banner .pagination").find("span").each(function(){ var _index = $(this).index(); $(this).html(_index + 1) }) $('.index-banner .arrow-left').on('click', function(e){ e.preventDefault() swiper.swipePrev() }) $('.index-banner .arrow-right').on('click', function(e){ e.preventDefault() swiper.swipeNext() }) } } function videoSwiper(){ if($(".videoCenter").length > 0){ // var swiperVideo = new Swiper ('.videoCenter .swiper-container', { // pagination: '.videoCenter .pagination', // paginationClickable :true, // effect : 'cube', // autoHeight: true, // noSwiping : true, // noSwipingClass : 'stop-swiping', // speed:800, // paginationBulletRender: function (swiper, index, className) { // console.log(swiper) // return '0' + (index + 1) + ''; // }, // onSlideChangeEnd:function(swiper){ // $(".videoCenter .swiper-slide").each(function(e){ // var v_len = $(this).find("video").length; // for(var i = 0;iimg,.indexShowVideo-con>img"); //图片对象 var winWidth = $(window).width(); //浏览器宽度 var winHeight = $(window).height(); //浏览器高度 bannerImgObj.each(function(){ var _this = $(this); //_this.css({"width":"100%","left":"50%"}); _this.css({"width":"100%"}); getImageSize(_this.attr("src"),function(w,h){ var ratio = w/h; //图片比例 var showH = winWidth/ratio; //图片显示高度 var newW; //新设置的图片宽度 if(showH < winHeight){ //图片显示高度小于窗口高度 newW = winHeight*ratio; _this.css({"height":"100%","width":newW}); }else{ newW = winWidth; _this.css({"width":"100%","height":"auto"}); } //_this.css({"margin-left":"-"+newW/2+"px"}); }) }); } //获取图片尺寸 function getImageSize(url,callback){ var img = new Image(); img.src = url; // 如果图片被缓存,则直接返回缓存数据 if(img.complete){ callback(img.width, img.height); }else{ // 完全加载完毕的事件 img.onload = function(){ callback(img.width, img.height); } } } function noticeSlide(){ $(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,vis:1}); } function groupSlide(){ $(".picMarquee-left1,.picMarquee-left2").slide( { mainCell:".bd ul", autoPlay:true, effect:"leftMarquee", easing:"swing", vis:10, interTime:30 } ); $(".picMarquee-right1").slide( { mainCell:".bd ul", autoPlay:true, effect:"leftMarquee", easing:"swing", vis:10, opp:true, interTime:30 } ); imgScroll.rolling({ name:'g1', width:'293px', height:'168px', direction:'left', speed:30, addcss:true }); // $(".tempWrap").each(function(){ // $(this).find("li").hover(function(){ // $(this).find("span").hide(); // $(this).find("img").css('z-index','9') // },function(){ // $(this).find("span").show(); // $(this).find("img").css('z-index','0') // }) // }) } function linkConWidth(){ // var viewWidth=$(window).width(); $(".nav-link").on('mouseenter',function(){ var _width = $(".s1-con").width(); $(".link-slideCon-wrap").width(_width); }) $(".nav-link").on('mouseleave',function(){ // var _width = $(".s1-con").width(); $(".link-slideCon-wrap").width(0); }) } function gtBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器 var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器 var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1; if(isIE) { var reIE = new RegExp("MSIE (\\d+\\.\\d+);"); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp["$1"]); if(fIEVersion == 7) { console.log(fIEVersion) } else if(fIEVersion == 8) { console.log(fIEVersion) } else if(fIEVersion == 9) { console.log(fIEVersion) } else if(fIEVersion == 10) { console.log(fIEVersion) } else { console.log(fIEVersion)//IE版本<=7 } } else if(isEdge) { console.log(isEdge)//edge } else if(isIE11) { console.log(isIE11) //IE11 }else{ // videoSwiper(); // console.log("不是ie浏览器")//不是ie浏览器 } }