')
$('.lb-' + _page + ' .scroll_bar').height(page_height - 15);
}
$('.backtop').click(function() {
$body.animate({
scrollTop: 0
}, 400);
})
$('.feature').click(function() {
$(this).toggleClass('active');
})
/* 選單
------------------------------------------------------------*/
navde();
function navde() {
$('.burger').attr('toggle', '0');
$('.burger').removeClass('isclick');
TweenMax.to('.navbox', .4, {
autoAlpha: 0,
zIndex: -1
});
if (winW > 768) {
$('.nav').show();
// $('#myheader').find('.container').css({
// 'background': '#fff'
// })
$('body,html').css({
'overflow': '',
'height': ''
})
} else {
$('.nav').slideUp(0);
// $('#myheader').find('.container').css({
// 'background': '#000'
// })
}
}
$('.burger').click(function() {
var menuOpen = $('.burger').attr('toggle');
if (menuOpen == 0) {
$('.nav').slideDown();
$('.burger').attr('toggle', '1');
$('.burger').addClass('isclick');
$('body,html').css({
'overflow': 'hidden',
'height': '100vh'
})
// if (winW <= 1024) {
// TweenMax.to($('#myheader').find('.container'), .1, {
// backgroundColor: '#262626',
// ease: Linear.easeNone
// });
// }
} else if (menuOpen == 1) {
$('.nav').slideUp();
$('.burger').attr('toggle', '0');
$('.burger').removeClass('isclick');
$('body,html').css({
'overflow': '',
'height': ''
})
if (winW <= 1024) {
TweenMax.to($('#myheader').find('.container'), 1, {
backgroundColor: '#000',
ease: Linear.easeNone
});
}
}
});
var pagename = $('#pageN').data('p');
$('.nav').find('.navbt').removeClass('select')
$('.nav').find('.navbt[data-p="' + pagename + '"]').addClass('select');
/* step3 確認填寫資料
------------------------------------------------------------*/
// 活動辦法
$('.step3 input').click(function() {
$(this).attr("checked", true);
})
$('.step3 .allfinish').click(function() {
// mail錯誤
var my_mail = $('.step3 .mail dd').text();
var emailRegxp = /^([\w]+)(.[\w]+)*@([\w]+)(.[\w]{2,3}){1,2}$/;
// 身分證錯誤
var my_id = $('.step3 .id dd').text();
var countyCode = my_id.charCodeAt(0);
// 未勾選活動辦法
var my_check = $('.step3 .checkall input[name=check]');
var all_check = [];
my_check.each(function() {
all_check.push($(this).attr('checked'));
})
if (emailRegxp.test(my_mail) != true) {
lbOpen('error');
$('.lb-error .txt').html('您輸入的E-mail格式有誤！
請重新輸入！')
return false;
} else if (my_id.length != 10) {
lbOpen('error');
$('.lb-error .txt').html('您輸入的身分證字號有誤！
請重新輸入！')
return false;
} else if (countyCode < 65 | countyCode > 90) {
lbOpen('error');
$('.lb-error .txt').html('您輸入的身分證字號有誤！
請重新輸入！')
return false;
} else if (all_check.length == "3") {
var che_ = $.inArray(undefined, all_check);
if (che_ == "-1") {
} else {
lbOpen('error');
$('.lb-error .txt').html('請勾選同意本活動辦法！')
return false;
}
}
lbOpen('remind');
});
/* lightbox
------------------------------------------------------------*/
// /* rule 切換 */
// $('.rule .ruleTab').not('.slick-initialized').slick({
// infinite: false,
// arrows: false,
// dots: false,
// slidesToShow: 3,
// // slidesToScroll: 1,
// responsive: [{
// breakpoint: 769,
// settings: {
// slidesToShow: 3,
// slidesToScroll: 1,
// focusOnSelect: true,
// swipeToSlide: true,
// arrows: true,
// }
// }]
// });
// // $('.rule .ruleTab').slick('slickGoTo', 1);
// var thisS = 2,
// prevS = '',
// $btn_rule = $('.rule .ruleTab li');
// var rulePagechange = function() {
// if (thisS !== prevS) $('.rule .container').fadeOut(0);
// $('.rule .container[data-con ="' + thisS + '"]').fadeIn(500);
// $('.rule .slide').slick('setPosition');
// $('.rule .slide .slick-slide').removeClass('slick-current');
// $('.rule .slide .slick-slide').eq(thisS).addClass('slick-active');
// $btn_rule.removeClass('select');
// $btn_rule.eq(thisS).addClass('select');
// prevS = thisS;
// }
// //rulePagechange(thisS);
// $btn_rule.click(function() {
// thisS = $(this).index();
// rulePagechange();
// });
/* lightbox
------------------------------------------------------------*/
TweenMax.set($('.lb'), {
opacity: 0,
zIndex: -1
});
var lbOpen = function(lb_data) {
var lbAni = new TimelineMax();
lbAni.to($('.lb[data-lb="' + lb_data + '"]'), .3, {
css: {
zIndex: 9999
}
}, '-=.3')
.to($('.lb[data-lb="' + lb_data + '"]'), .3, {
opacity: 1,
ease: Linear.easeNone
});
$('body,html').css({
'overflow': 'hidden',
'position': ''
})
}
var lbClose = function(lb_data2) {
var lbCloseAni = new TimelineMax();
lbCloseAni.to($('.lb'), .3, {
opacity: 0,
ease: Linear.easeNone
})
.to($('.lb'), .3, {
css: {
zIndex: -1
}
});
$('body,html').css({
'overflow': '',
'position': ''
})
$('#youtuUrl').attr('src', '');
}
// lbOpen('store');
$('.libtn').click(function() {
var lbname = $(this).data('lb');
lbOpen(lbname);
lb_Scrollbar(lbname);
return false;
});
var _vdUrl = 'https://www.youtube.com/embed/'
$('.sec3 .libtn').click(function() {
var ytid2 = $(this).attr('ytid');
$('#youtuUrl').attr('src', _vdUrl + ytid2 + '?autoplay=1&enablejsapi=1&rel=0');
});
$('.lb .btn_x,.lb .btnClose').click(function() {
lbClose();
});
/* resize
------------------------------------------------------------*/
var _resize = function() {
winW = $win.width();
winH = $win.height();
docH = $(document).height();
_scroll = $(window).scrollTop();
scrollBottom = $(window).scrollTop() + $(window).height();
headerH = $('.myheader').height();
navde();
}
_resize();
$win.resize(function() {
_resize();
});
var windowHeight = $(window).height();
// Resize Event
$(window).resize(function() {
// Check window width has actually changed and it's not just iOS triggering a resize event on scroll
if ($(window).width() != windowHeight) {
// Update the window width for next time
windowHeight = $(window).width();
// Do stuff here
_resize();
}
});
};
$(function() {
//$('.myheader').load('include/header.html');
//$('.myfooter').load('include/footer.html');
var imagesLoaded = loading();
imagesLoaded.loadfunc();
imagesLoaded.callback = function() {
script();
};
});