$(".gototop").hide();
$(window).scroll(function () {
var y = window.scrollY;
if (y > 10) {
$(".gototop").show();
} else {
$(".gototop").hide();
}
});
$("*").each(function (index, element) {
// 此元素被點選後執行
$(this).click(function (e) {
// 取得被點選元素的屬性:data-gt-target
var target = $(this).attr("data-gt-target");
var duration = $(this).attr("data-gt-duration");
var offset = $(this).attr("data-gt-offset");
// JS 語法:判斷式
// if (條件) {程式區塊}
// 當條件成立,會執行程式區塊
// 如果 目標有資料 才會執行 { } 內的程式
// 避免出現 undefine (未定義 - 不存在的資料)
if (target) {
//console.log("目標:" + target);
//console.log("時間:" + duration);
//console.log("位移:" + offset);
// 上方位置 = 目標區塊.位移().上方位置
var top = $(target).offset().top;
//console.log("要前往元素的上方位置:" + top);
// 網頁元素.停止().動畫({ 上方捲動:指定元素 - 位移},持續時間)
// parseInt() 將文字轉為數字
$("html").stop().animate({
scrollTop: top - offset
}, parseInt(duration));
}
});
});
// 避免動畫與使用者滾輪衝突
// html 在滾動滾輪時 停止 html 所有效果
$("html").on("mousewheel", function () {
$("html").stop();
});
$(".playbutton").click(function () {
var videosrc = $(this).data("info");
$('.youtube-video').attr('src', `https://www.youtube.com/embed//${videosrc}?autoplay=1`);
});
$(".btn-close").click(function () {
$('.youtube-video').attr('src', ``);
});
$('#yt-video').on('hidden.bs.modal', function () {
$('.youtube-video').attr('src', ``);
});
$(".banner-slide").slick({
dots: true,
autoplay: true,
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
autoplaySpeed: 7000,
initialSlide: 0,
infinite: true,
});
$(".violetbeauty_sec01_slide").slick({
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
// centerMode: true,
arrows: true,
prevArrow: '',
nextArrow: ''
});