')
$('.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 = $('body').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');
});
/* 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,
// }
// }]
// });
var thisS = 0,
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;
// 更新網址的 hash
// window.location.hash = 'c' + (thisS + 1); // c1, c2, c3
}
rulePagechange(thisS);
$btn_rule.click(function () {
thisS = $(this).index();
rulePagechange();
});
// 根據網址的 hash 來顯示相應的內容
$(window).on('hashchange', function () {
var hash = window.location.hash;
if (hash) {
thisS = parseInt(hash.replace('#c', '')) - 1; // 取得索引
if (thisS < 0 || thisS >= $btn_rule.length) {
thisS = 0; // 確保索引在有效範圍內
}
rulePagechange();
}
});
// 初始化時檢查 hash
function initPage() {
if (window.location.hash) {
var hash = window.location.hash;
thisS = parseInt(hash.replace('#c', '')) - 1; // 取得索引
if (thisS < 0 || thisS >= $btn_rule.length) {
thisS = 0; // 確保索引在有效範圍內
}
}
rulePagechange();
}
initPage(); // 初始化頁面
/* 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();
};
});