-slick-index=0]"); var $video = $firSlide.find("video"); // autoplay自动播放 if ($video.length > 0) { $obj.slick('slickPause'); // 如果轮播只有一个循环播放 if ($obj.get(0).slick.slideCount < 2) { $video.attr("loop", "loop"); }; if ($video.get(0).paused) { setTimeout(function () { $video.get(0).play(); }, 100); } } else { $obj.slick('slickPlay'); anmtArr[0].play(); } }; // 切换到下一张是否有视频 function afterChange() { $obj.on('afterChange', function (event, slick, index) { // 视频暂停并回到第一帧 $obj.find("video").each(function () { var video = $(this).get(0); video.pause(); video.currentTime = 0; }); // 有视频则暂停轮播 var $nowSlide = $(slick.$slides[index]); var $video = $nowSlide.find("video"); if ($video.length > 0) { $obj.slick('slickPause'); $video.get(0).play(); } else { if (autoplay) { $obj.slick('slickPlay'); } anmtArr[index].play(); }; $(".ys_ban_dots_li").eq(index).addClass("active").siblings('.ys_ban_dots_li').removeClass("active"); }); }; // 视频与进度条进度匹配 function videoCircleInit(){ $obj.find("video").each(function () { var video = $(this).get(0); video.ontimeupdate = function (e) { var index = parseInt($(this).parents(".slick-slide").attr( "data-slick-index")); var duration = this.duration; var currentTime = this.currentTime; var progress = parseInt((currentTime / duration) * 100) / 100; if (progress < 1) { if (anmtArr[index]) { anmtArr[index].seek(anmtArr[index].duration * progress); } } else { if (anmtArr[index]) { anmtArr[index].seek(anmtArr[index].duration * 0.999999); } $obj.slick("next"); } }; }); }; // 视频播完切换到下一张 function videoEnd() { $obj.find("video").each(function () { var video = $(this).get(0); video.onended = function () { if (autoplay) { $obj.slick("next"); $obj.slick('slickPlay'); } }; }); }; }else{ $obj.slick('play'); anmtArr[0].play(); $obj.on('afterChange', function (event, slick, index) { anmtArr[index].play(); console.log(index) $(".ys_ban_dots_li").eq(index).addClass("active").siblings('.ys_ban_dots_li').removeClass("active"); }); } $obj.on('beforeChange', function (event, slick, index,nextSlide) { // 视频暂停并回到第一帧 $obj.find("video").each(function () { var video = $(this).get(0); video.pause(); video.currentTime = 0; }); // 动画暂停并回到第一帧 anmtArr[index].pause(); anmtArr[index].seek(0); }); var banvideo = { play: function () { $obj.slick('slickPlay'); autoplay = true; }, pause: function () { autoplay = false; $obj.slick('slickPause'); } }; return banvideo; } // 点击轮播点跳转 $(".ybdu_li").click(function () { var index = $(this).index(); $(this).addClass("on").siblings().removeClass("on"); $(".ys_ban_slick").slick("slickGoTo", index) }) $('.ys_ban_slick').on('beforeChange', function (event, slick, currentSlide, nextSlide) { var index = nextSlide; $(".ybdu_li").eq(index).addClass("on").siblings().removeClass("on"); }); } // 页面加载完给banner上的背景图和进度线条加类名 window.onload = function(){ $(".home_line").addClass("act") $(".ys_ban_bg").addClass("act") }; // svg跟随页面滚动变化 var itemLength = $("#home_line_svg_path").get(0).getTotalLength(); $("#home_line_svg_path").css("stroke-dasharray",itemLength); $("#home_line_svg_path").css("stroke-dashoffset",itemLength); $(window).scroll(function(){ var scroll = itemLength - 3.2 * parseInt($(window).scrollTop()) + 'px'; // console.log(scroll); $("#home_line_svg_path").css("stroke-dashoffset",scroll); }) // 标题跟随下滑固定元素距离上方的距离设置 if($(window).width() > 1199){ var cssTop = parseInt($(".std_space1").css("paddingTop")) + $(".ys_hd_pc").height(); $(".selector").attr("data-margin-top",cssTop); $(".helt_title").css("top",cssTop) }else{ var cssTop = parseInt($(".std_space1").css("paddingTop")) + $(".ys_hd_ph").height(); $(".selector").attr("data-margin-top",cssTop); $(".helt_title").css("top",cssTop) } if($(window).width() > 768){ // 标题跟随下滑 var sticky = new Sticky('.selector'); $(window).scroll(function(){ if($(window).width() > 1199){ var scroll = $(window).scrollTop(); var cssBot = parseInt($(".std_space1").css("paddingBottom")); var itemTop = $(".home_envir").offset().top - $(".ys_hd_pc").height(); var itemMid = $(".home_engine").offset().top - $(".ys_hd_pc").height() - cssBot ; var itemBot = $(".home_case").offset().top - $(".ys_hd_pc").height() - cssBot - $(".helt_title").height(); var itemBots = $(".home_case").offset().top - $(".ys_hd_pc").height(); }else{ var scroll = $(window).scrollTop(); var cssBot = parseInt($(".std_space1").css("paddingBottom")); var itemTop = $(".home_envir").offset().top - $(".ys_hd_ph").height(); var itemMid = $(".home_engine").offset().top - $(".ys_hd_ph").height() - cssBot ; var itemBot = $(".home_case").offset().top - $(".ys_hd_ph").height() - cssBot - $(".helt_title").height(); var itemBots = $(".home_case").offset().top - $(".ys_hd_ph").height(); } if(scroll > itemTop){ $(".home_envir").addClass("fixed") }else{ $(".home_envir").removeClass("fixed") } if(scroll > itemMid){ $(".home_envir").addClass("discolor") }else{ $(".home_envir").removeClass("discolor") } if(scroll > itemBot){ $(".home_envir").removeClass("discolor") } if(scroll > itemBots){ $(".home_envir").addClass("notfixed"); $(".home_case").addClass("fadein"); }else{ $(".home_envir").removeClass("notfixed") $(".home_case").removeClass("fadein") } }) // 页面滚动控制banner背景的显示与隐藏 $(window).scroll(function(){ if ($(window).scrollTop() > 0) { $("body").addClass("nextscroll") } if ($(window).scrollTop() === 0) { $("body").removeClass("nextscroll") } }); } if($(window).width() < 769){ // 滚动条轮播的高度设置 var itemHeight = $(".hicb_list_le").height(); $(".home_inter .hicb_line").css("height",itemHeight); // 跟随滑动的标题加类名控制载入效果 $(".helt_title").appear(function(){ $(this).addClass("act") }) } // 第3屏---以人为本的物联网 ys.videomodal(".hlul_le_btn_video",true); internet(); function internet(){ var itemLength = $(".hicb_list_ul_li").length; $(".home_inter .hicb_line_slide_total p").text(itemLength); var scrollHeight = 1 / itemLength * 100 + '%'; $(".home_inter .hicb_line_scroll").css("height",scrollHeight) if($(window).width() < 481){ var screenWidth = $(".inside_cont").width(); var scrollWidth = (screenWidth - 40) + 'px' console.log(screenWidth,scrollWidth); $(".home_inter .hicb_line").css("height",scrollWidth) $(".home_inter .hicb_line").css("bottom",'-' + scrollWidth) } // console.log(scrollHeight,itemLength); $(".hicb_list_ul").appear(function(){ $(".home_inter .hicb_line_scroll:nth-child(1)").addClass("act") }) $(".hicb_list_ul").slick({ fade:true, infinite: true, slidesToShow: 1, slidesToScroll: 1, prevArrow:".home_inter .hicb_line_arrow_prev", nextArrow:".home_inter .hicb_line_arrow_next", asNavFor: '.hicb_list_ri_ul', }).slickAuto() $(".hicb_list_ri_ul").slick({ fade:true, infinite: true, slidesToShow: 1, slidesToScroll: 1, asNavFor: '.hicb_list_ul', responsive: [ { breakpoint: 481, settings: { dots:true, } } ] }); ys.slickAnmt(".hicb_list_ri_ul"); $(".home_inter .hicb_line_arrow_prev").click(function(){ var index = $(".home_inter .hicb_line_scroll.act").index(); console.log(index); $(".home_inter .hicb_line_scroll").eq(index - 1).removeClass("notact"); $(".home_inter .hicb_line_scroll").eq(index + 1).addClass("back_slide").siblings().removeClass("back_slide") $(".home_inter .hicb_line_scroll").eq(index).addClass("back").siblings().removeClass("back") }) $(".home_inter .hicb_line_arrow_next").click(function(){ $(".home_inter .hicb_line_scroll").removeClass("back"); $(".home_inter .hicb_line_scroll").removeClass("back_slide"); }) $('.hicb_list_ul').on('beforeChange', function(event, slick, currentSlide, nextSlide){ var index = nextSlide; $(".home_inter .hicb_line_slide_active p").text((index + 1)); $(".home_inter .hicb_line_scroll").eq(index).addClass("act").siblings().removeClass("act"); $(".home_inter .hicb_line_scroll").eq(index - 1).addClass("notact"); }); $('.hicb_list_ul').on("afterChange", function(a, slick, index) { $(".home_inter .hicb_line_scroll").eq(index - 1).removeClass("notact"); }); } // 第4屏---通过科技创新每年为用户降低碳排放近百万吨 ys.numRoll(".hulc_data span", false, 1000); // 第6屏---最佳实践案例 practical(); function practical(){ var itemLength = $(".hclu_li").length; $(".home_case .hicb_line_slide_total p").text(itemLength); var scrollHeight = 1 / itemLength * 100 + '%'; $(".home_case .hicb_line_scroll").css("height",scrollHeight) if($(window).width() < 481){ var screenWidth = $(".inside_cont").width(); var scrollWidth = (screenWidth - 40) + 'px' console.log(screenWidth,scrollWidth); $(".home_case .hicb_line").css("height",scrollWidth) $(".home_case .hicb_line").css("bottom",'-' + scrollWidth) } $(".hccr_cont_list_ul").appear(function(){ $(".home_case .hicb_line_scroll:nth-child(1)").addClass("act") }) // console.log(scrollHeight,itemLength); $(".hccr_cont_list_ul").slick({ // infinite: false, slidesToShow: 1, slidesToScroll: 1, prevArrow:".home_case .hicb_line_arrow_prev", nextArrow:".home_case .hicb_line_arrow_next", responsive: [ { breakpoint: 769, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 481, settings: { slidesToShow: 1, slidesToScroll: 1, dots:true, } } ] }).slickAuto(); $(".home_case .hicb_line_arrow_prev").click(function(){ var index = $(".home_case .hicb_line_scroll.act").index(); console.log(index); $(".home_case .hicb_line_scroll").eq(index - 1).removeClass("notact"); $(".home_case .hicb_line_scroll").eq(index + 1).addClass("back_slide").siblings().removeClass("back_slide") $(".home_case .hicb_line_scroll").eq(index).addClass("back").siblings().removeClass("back") }) $(".home_case .hicb_line_arrow_next").click(function(){ $(".home_case .hicb_line_scroll").removeClass("back"); $(".home_case .hicb_line_scroll").removeClass("back_slide"); }) $('.hccr_cont_list_ul').on('beforeChange', function(event, slick, currentSlide, nextSlide){ var index = nextSlide; $(".home_case .hicb_line_slide_active p").text((index + 1)); $(".home_case .hicb_line_scroll").eq(index).addClass("act").siblings().removeClass("act"); $(".home_case .hicb_line_scroll").eq(index - 1).addClass("notact"); }); $('.hccr_cont_list_ul').on("afterChange", function(a, slick, index) { $(".home_case .hicb_line_scroll").eq(index - 1).removeClass("notact"); }); } var totalNum1 = $(".home_inter_cont .hicb_line_slide_total p").html(); var totalNum2 = $(".home_case .hicb_line_slide_total p").html(); if(totalNum1 == 1){ $(".home_inter_cont .home_inter_cont_bt").addClass("not") } if(totalNum2 == 1){ $(".home_case .hccr_cont").addClass("not") } // 探索与发现 if($(window).width() < 769){ $(".home_new_cont_ul").slick({ infinite: false, slidesToShow: 2, slidesToScroll: 1, dots:true, responsive: [ { breakpoint: 481, settings: { slidesToShow: 1, } } ] }) } if($(window).width() < 481){ $(".ys_ban_title").find("br").remove() }