$(function(){
var maxDragDist;
$(window).resize(function() {
maxDragDist = $('.series-list .wrap').width() - $('.series-list .drag').width();
});
$(window).on('load', function() {
$(window).trigger('resize');
initSeriesList();
});
if (!$.support.transition) {
$.fn.transition = $.fn.animate;
}
initSeriesList();
//婊氬姩鏉′簨浠
$(window).scroll(function(){
var windouWidth = $(this).width();//鑾峰彇娴忚鍣ㄨ嚜韬搴
var windouHeight = $(this).height();//鑾峰彇娴忚鍣ㄨ嚜韬珮搴
//鑾峰彇瑕佸畾浣嶅厓绱犺窛绂绘祻瑙堝櫒椤堕儴鐨勮窛绂
if($("#update_itera .up_it_video").offset()){
var navH = $("#update_itera .up_it_video").offset().top - 70;
if(windouWidth<1366){
navH -= $("#update_itera .up_it_video").height()/3
}
//鑾峰彇婊氬姩鏉＄殑婊戝姩璺濈
var scroH = $(this).scrollTop();
//婊氬姩鏉＄殑婊戝姩璺濈澶т簬绛変簬瀹氫綅鍏冪礌璺濈娴忚鍣ㄩ《閮ㄧ殑璺濈
if(scroH>=navH){
$(".up_it").css({height:"200vh"})
$("#update_itera .up_it_video").css({width: "100%",position:"fixed"})
$("#update_itera .back_black").stop().fadeIn()
}else if(windouWidth>1366 && scroH scroH){
$("#update_itera .up_it_video").css({position:"relative"})
$(".up_it").css({height:"auto"})
}
// if($(".up_it").height()+$(".up_it").offset().top < scroH+windouHeight){
// $("#update_itera .up_it_video").css({position:"relative"})
// // $(".up_it").css({height:"auto"})
// }
}
if($("#can_about .con_bot").offset()){
var con_bot_top = $("#can_about .con_bot").offset().top;//鑾峰彇鍏冪礌鐩稿dom鐨勯《閮
var con_bot_body = $("#can_about .con_bot").outerHeight();//鑾峰彇鍏冪礌楂樺害
if(scroH + windouHeight >= con_bot_top + con_bot_body ){
for(var i = 1; i<5; i++){
var number = document.querySelector(".inp_con_bot"+i).value
if(document.querySelector(".con_bot_text"+i).innerHTML <= 0){
$setJumpNumber(0, number, 40, ".con_bot_text"+i);
}
}
}
// if(scroH + windouHeight < con_bot_top + con_bot_body ){
// for(var i = 1; i<5; i++){
// var number = document.querySelector(".inp_con_bot"+i).value
// document.querySelector(".con_bot_text"+i).innerHTML = 0
// }
// }
}
if($("#deve .back_blak_d").offset()){
var back_blak_dtop = $("#deve .back_blak_d").offset().top;//鑾峰彇鍏冪礌鐩稿dom鐨勯《閮
var back_blak_d = $("#deve .back_blak_d").outerHeight();//鑾峰彇鍏冪礌楂樺害
if(scroH + windouHeight >= back_blak_dtop + back_blak_d){
$("#deve .back_blak_d").css({"background-color": "rgba(0, 0, 0, 0)"})
}
if(scroH + windouHeight < back_blak_dtop + back_blak_d){
$("#deve .back_blak_d").css({"background-color": "rgba(0, 0, 0, 0.5)"})
}
}
});
})
var maxDragDist;
$(window).resize(function() {
maxDragDist = $('.series-list .wrap').width() - $('.series-list .drag').width();
var startX;
var dit;
var drag = $('.series-list .drag');
var series = $('.series-list .wrap');
var wrap = series.find('ul');
var frameW = series.width();
var enableDrag = false;
var max;
var startLeft;
var li = series.find('li').width();
var lilen = series.find('li').length;
var wrapW = li * lilen;
$('.series-list .wrap ul').width(wrapW);
});
function initSeriesList() {
var startX;
var dit;
var drag = $('.series-list .drag');
var series = $('.series-list .wrap');
var wrap = series.find('ul');
var frameW = series.width();
var enableDrag = false;
var max;
var startLeft;
var li = series.find('li').width();
var lilen = series.find('li').length;
var wrapW = li * lilen;
var itemW = 284;
var marginLeft;
drag.on('mousedown touchstart', function(e) {
startX = e.pageX || e.originalEvent.touches[0].pageX;
startLeft = parseInt(drag.css('left')) + 20;
enableDrag = true;
$(this).addClass('active');
frameW = series.width();
});
$('body').on('mousemove touchmove', function(e) {
if (!enableDrag)
return;
e.preventDefault();
var pageX = e.pageX || e.originalEvent.touches[0].pageX;
max = wrapW - frameW;
dit = pageX - startX;
curdit = (dit + startLeft);
if (curdit < 0)
curdit = 0;
if (curdit > frameW)
curdit = frameW;
drag.css('left', curdit - 20);
marginLeft = curdit / frameW * max;
wrap.css('marginLeft', -marginLeft);
}).on('mouseup touchend', function() {
if (enableDrag) {
enableDrag = false;
var idx = marginLeft / itemW;
var tmp = Math.floor(idx * 10);
idx = Math.floor(idx);
if (tmp > 9) {
tmp = tmp % (Math.floor(tmp / 10) * 10);
}
if (tmp >= 5) {
idx++;
}
marginLeft = idx * itemW;
wrap.transition({
'marginLeft': -marginLeft
}, 300);
drag.removeClass('active').transition({
left: marginLeft / max * frameW - 20
}, 300);
}
});
//init drag position
marginLeft = (wrapW - frameW) / 2;
max = wrapW - frameW;
enableDrag = true;
$('body').trigger('mouseup');
}
// 寤惰繜鍑芥暟
// function sleep (time) {
// return new Promise((resolve) => setTimeout(resolve, time));
// }
/*
* startNum 浠ｈ〃瑕佽烦鍔ㄧ殑鍒濆鏁板瓧
* targetNum 浠ｈ〃瑕佽烦鍔ㄥ埌鐨勬暟瀛
* time 浠ｈ〃瑕佽烦鍔ㄩ渶瑕佽姳璐圭殑鏃堕棿
* selector 浠ｈ〃瑕佽烦鍔ㄥ厓绱犵殑閫夋嫨鍣
*/
const $setJumpNumber = function(startNum, targetNum, time, selector) {
let dom = document.querySelector(selector);
let originNum = startNum;
let stepNum = 0;
let timeNum = time;
dom.innerHTML = startNum;
let timeId = setInterval(function() {
if (originNum < targetNum) {
timeNum -= 0.001;
let strNum = originNum.toString();
// 鏁板瓧姣旇緝灏戠殑鏃跺€欑洿鎺ョ敤 + 1; 鏁板瓧寰堝ぇ鐩存帴 +1 瑕佸緢涔呮墠鑳借皟鍒版渶瀵瑰簲鐨勬暟瀛楋紝鎵€鏈夊悗涓変綅鏁伴殢鏈鸿烦鍔ㄧ殑鏂瑰紡杩涜妯℃嫙鐢熸垚
if (targetNum.toString().length < 6) {
stepNum += 1; // 杩欐牱鎵嶅彲浠ュ疄鐜拌秺璺宠秺蹇殑鏁堟灉
originNum = originNum + stepNum;
dom.innerHTML = originNum;
} else {
stepNum += 500; // 杩欐牱鎵嶅彲浠ュ疄鐜拌秺璺宠秺蹇殑鏁堟灉
originNum = originNum + stepNum;
dom.innerHTML = strNum.substr(0, strNum.length - 3) + Math.floor(Math.random()*10) + Math.floor(Math.random()*10) + Math.floor(Math.random()*10);
}
} else {
dom.innerHTML = targetNum;
clearInterval(timeId);
}
}, timeNum);
};
// $( "#video_pop video" ).trigger( 'pause' );
function video_pop(bool){
if(bool){
$("#video_pop").fadeIn(150)
$( "#video_pop video" ).trigger( 'play' );
}else{
$("#video_pop").fadeOut(150)
$( "#video_pop video" ).trigger( 'pause' );
}
}