414 lines
10 KiB
JavaScript
414 lines
10 KiB
JavaScript
|
$(function() {
|
|||
|
|
|||
|
"use strict";
|
|||
|
|
|||
|
/***************************
|
|||
|
|
|||
|
preloader
|
|||
|
|
|||
|
***************************/
|
|||
|
|
|||
|
$(document).ready(function() {
|
|||
|
$('php').addClass('is-animating');
|
|||
|
$(".trm-scroll-container").animate({
|
|||
|
opacity: 0,
|
|||
|
});
|
|||
|
setTimeout(function() {
|
|||
|
$('php').removeClass('is-animating');
|
|||
|
$(".trm-scroll-container").animate({
|
|||
|
opacity: 1,
|
|||
|
}, 600);
|
|||
|
}, 1000);
|
|||
|
});
|
|||
|
|
|||
|
/***************************
|
|||
|
|
|||
|
swup
|
|||
|
|
|||
|
***************************/
|
|||
|
const options = {
|
|||
|
containers: ['#trm-dynamic-content'],
|
|||
|
animateHistoryBrowsing: true,
|
|||
|
linkSelector: '.trm-menu a:not([data-no-swup]), .trm-anima-link:not([data-no-swup])',
|
|||
|
animationSelector: '[class="trm-swup-animation"]'
|
|||
|
};
|
|||
|
const swup = new Swup(options);
|
|||
|
/***************************
|
|||
|
|
|||
|
menu
|
|||
|
|
|||
|
***************************/
|
|||
|
$('.trm-menu-btn').on('click', function() {
|
|||
|
$('.trm-menu-btn , .trm-right-side').toggleClass('trm-active');
|
|||
|
})
|
|||
|
$('.trm-menu ul li a').on('click', function() {
|
|||
|
$('.trm-menu-btn , .trm-right-side').removeClass('trm-active');
|
|||
|
})
|
|||
|
/***************************
|
|||
|
|
|||
|
mode switch
|
|||
|
|
|||
|
***************************/
|
|||
|
$('.trm-mode-switcher').clone().appendTo('.trm-mode-switcher-place');
|
|||
|
$('#trm-swich').change(function() {
|
|||
|
if (this.checked) {
|
|||
|
$('.trm-hidden-switcher input').prop("checked", true);
|
|||
|
$('.trm-mode-swich-animation-frame').addClass('trm-active');
|
|||
|
$("#trm-scroll-container").animate({
|
|||
|
opacity: 0,
|
|||
|
}, 600, function() {
|
|||
|
setTimeout(function() {
|
|||
|
$('.trm-mode-swich-animation').addClass('trm-active');
|
|||
|
$("#trm-switch-style").attr("href", "/usr/themes/DearLicy/css/style-dark.css");
|
|||
|
}, 200);
|
|||
|
setTimeout(function() {
|
|||
|
$('.trm-mode-swich-animation-frame').removeClass('trm-active');
|
|||
|
$("#trm-scroll-container").animate({
|
|||
|
opacity: 1,
|
|||
|
}, 600);
|
|||
|
}, 1000);
|
|||
|
});
|
|||
|
} else {
|
|||
|
$('.trm-hidden-switcher input').prop("checked", false);
|
|||
|
$('.trm-mode-swich-animation-frame').addClass('trm-active');
|
|||
|
$("#trm-scroll-container").animate({
|
|||
|
opacity: 0,
|
|||
|
}, 600, function() {
|
|||
|
setTimeout(function() {
|
|||
|
$('.trm-mode-swich-animation').removeClass('trm-active');
|
|||
|
$("#trm-switch-style").attr("href", "/usr/themes/DearLicy/css/style-light.css");
|
|||
|
}, 200);
|
|||
|
setTimeout(function() {
|
|||
|
$('.trm-mode-swich-animation-frame').removeClass('trm-active');
|
|||
|
$("#trm-scroll-container").animate({
|
|||
|
opacity: 1,
|
|||
|
}, 600);
|
|||
|
}, 1000);
|
|||
|
});
|
|||
|
}
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
counters
|
|||
|
|
|||
|
***************************/
|
|||
|
$('.trm-counter').each(function() {
|
|||
|
$(this).prop('Counter', 0).animate({
|
|||
|
Counter: $(this).text()
|
|||
|
}, {
|
|||
|
duration: 2000,
|
|||
|
easing: 'linear',
|
|||
|
step: function(now) {
|
|||
|
$(this).text(Math.ceil(now));
|
|||
|
}
|
|||
|
});
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
locomotive scroll
|
|||
|
|
|||
|
***************************/
|
|||
|
const scroll = new LocomotiveScroll({
|
|||
|
el: document.querySelector('#trm-scroll-container'),
|
|||
|
smooth: true,
|
|||
|
lerp: .1
|
|||
|
});
|
|||
|
document.addEventListener('swup:contentReplaced', (event) => {
|
|||
|
scroll.destroy()
|
|||
|
});
|
|||
|
|
|||
|
/***************************
|
|||
|
|
|||
|
slideshow
|
|||
|
|
|||
|
***************************/
|
|||
|
var swiper = new Swiper('.trm-slideshow', {
|
|||
|
slidesPerView: 1,
|
|||
|
effect: 'fade',
|
|||
|
parallax: true,
|
|||
|
autoplay: true,
|
|||
|
speed: 1400,
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
testimonials slider
|
|||
|
|
|||
|
***************************/
|
|||
|
var swiper = new Swiper('.trm-testimonials-slider', {
|
|||
|
slidesPerView: 1,
|
|||
|
spaceBetween: 40,
|
|||
|
parallax: true,
|
|||
|
autoplay: false,
|
|||
|
speed: 1400,
|
|||
|
pagination: {
|
|||
|
el: '.trm-testimonials-slider-pagination',
|
|||
|
clickable: true,
|
|||
|
},
|
|||
|
navigation: {
|
|||
|
nextEl: '.trm-testimonials-slider-next',
|
|||
|
prevEl: '.trm-testimonials-slider-prev',
|
|||
|
},
|
|||
|
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
fancybox
|
|||
|
|
|||
|
***************************/
|
|||
|
$('[data-fancybox]').fancybox({
|
|||
|
animationEffect: "zoom-in-out",
|
|||
|
animationDuration: 600,
|
|||
|
transitionDuration: 1200,
|
|||
|
buttons: [
|
|||
|
"zoom",
|
|||
|
"slideShow",
|
|||
|
"thumbs",
|
|||
|
"close",
|
|||
|
],
|
|||
|
});
|
|||
|
$('[data-fancybox="gallery"]').fancybox({
|
|||
|
animationEffect: "zoom-in-out",
|
|||
|
animationDuration: 600,
|
|||
|
transitionDuration: 1200,
|
|||
|
buttons: [
|
|||
|
"zoom",
|
|||
|
"slideShow",
|
|||
|
"thumbs",
|
|||
|
"close",
|
|||
|
],
|
|||
|
});
|
|||
|
$('[data-fancybox="portfolio"]').fancybox({
|
|||
|
animationEffect: "zoom-in-out",
|
|||
|
animationDuration: 600,
|
|||
|
transitionDuration: 1200,
|
|||
|
buttons: [
|
|||
|
"zoom",
|
|||
|
"slideShow",
|
|||
|
"thumbs",
|
|||
|
"close",
|
|||
|
],
|
|||
|
});
|
|||
|
$.fancybox.defaults.hash = false;
|
|||
|
|
|||
|
/*----------------------------------------------------------
|
|||
|
------------------------------------------------------------
|
|||
|
|
|||
|
REINIT
|
|||
|
|
|||
|
------------------------------------------------------------
|
|||
|
----------------------------------------------------------*/
|
|||
|
document.addEventListener("swup:contentReplaced", function() {
|
|||
|
|
|||
|
/***************************
|
|||
|
|
|||
|
preloader
|
|||
|
|
|||
|
***************************/
|
|||
|
$(".trm-scroll-container").animate({
|
|||
|
opacity: 1,
|
|||
|
}, 600);
|
|||
|
/***************************
|
|||
|
|
|||
|
menu
|
|||
|
|
|||
|
***************************/
|
|||
|
$('.trm-menu-btn').on('click', function() {
|
|||
|
$('.trm-menu-btn , .trm-right-side').toggleClass('trm-active');
|
|||
|
})
|
|||
|
$('.trm-menu ul li a').on('click', function() {
|
|||
|
$('.trm-menu-btn , .trm-right-side').removeClass('trm-active');
|
|||
|
})
|
|||
|
/***************************
|
|||
|
|
|||
|
mode switch
|
|||
|
|
|||
|
***************************/
|
|||
|
$('.trm-mode-switcher').clone().appendTo('.trm-mode-switcher-place');
|
|||
|
$('#trm-swich').change(function() {
|
|||
|
if (this.checked) {
|
|||
|
$('.trm-hidden-switcher input').prop("checked", true);
|
|||
|
$('.trm-mode-swich-animation-frame').addClass('trm-active');
|
|||
|
$("#trm-scroll-container").animate({
|
|||
|
opacity: 0,
|
|||
|
}, 600, function() {
|
|||
|
setTimeout(function() {
|
|||
|
$('.trm-mode-swich-animation').addClass('trm-active');
|
|||
|
$("#trm-switch-style").attr("href", "/usr/themes/DearLicy/css/style-dark.css");
|
|||
|
}, 200);
|
|||
|
setTimeout(function() {
|
|||
|
$('.trm-mode-swich-animation-frame').removeClass('trm-active');
|
|||
|
$("#trm-scroll-container").animate({
|
|||
|
opacity: 1,
|
|||
|
}, 600);
|
|||
|
}, 1000);
|
|||
|
});
|
|||
|
} else {
|
|||
|
$('.trm-hidden-switcher input').prop("checked", false);
|
|||
|
$('.trm-mode-swich-animation-frame').addClass('trm-active');
|
|||
|
$("#trm-scroll-container").animate({
|
|||
|
opacity: 0,
|
|||
|
}, 600, function() {
|
|||
|
setTimeout(function() {
|
|||
|
$('.trm-mode-swich-animation').removeClass('trm-active');
|
|||
|
$("#trm-switch-style").attr("href", "/usr/themes/DearLicy/css/style-light.css");
|
|||
|
}, 200);
|
|||
|
setTimeout(function() {
|
|||
|
$('.trm-mode-swich-animation-frame').removeClass('trm-active');
|
|||
|
$("#trm-scroll-container").animate({
|
|||
|
opacity: 1,
|
|||
|
}, 600);
|
|||
|
}, 1000);
|
|||
|
});
|
|||
|
}
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
counters
|
|||
|
|
|||
|
***************************/
|
|||
|
$('.trm-counter').each(function() {
|
|||
|
$(this).prop('Counter', 0).animate({
|
|||
|
Counter: $(this).text()
|
|||
|
}, {
|
|||
|
duration: 2000,
|
|||
|
easing: 'linear',
|
|||
|
step: function(now) {
|
|||
|
$(this).text(Math.ceil(now));
|
|||
|
}
|
|||
|
});
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
locomotive scroll
|
|||
|
|
|||
|
***************************/
|
|||
|
const scroll = new LocomotiveScroll({
|
|||
|
el: document.querySelector('#trm-scroll-container'),
|
|||
|
smooth: true,
|
|||
|
lerp: .1
|
|||
|
});
|
|||
|
document.addEventListener('swup:contentReplaced', (event) => {
|
|||
|
scroll.destroy()
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
slideshow
|
|||
|
|
|||
|
***************************/
|
|||
|
var swiper = new Swiper('.trm-slideshow', {
|
|||
|
slidesPerView: 1,
|
|||
|
effect: 'fade',
|
|||
|
parallax: true,
|
|||
|
autoplay: true,
|
|||
|
speed: 1400,
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
testimonials slider
|
|||
|
|
|||
|
***************************/
|
|||
|
var swiper = new Swiper('.trm-testimonials-slider', {
|
|||
|
slidesPerView: 1,
|
|||
|
spaceBetween: 40,
|
|||
|
parallax: true,
|
|||
|
autoplay: false,
|
|||
|
speed: 1400,
|
|||
|
pagination: {
|
|||
|
el: '.trm-testimonials-slider-pagination',
|
|||
|
clickable: true,
|
|||
|
},
|
|||
|
navigation: {
|
|||
|
nextEl: '.trm-testimonials-slider-next',
|
|||
|
prevEl: '.trm-testimonials-slider-prev',
|
|||
|
},
|
|||
|
|
|||
|
});
|
|||
|
/***************************
|
|||
|
|
|||
|
fancybox
|
|||
|
|
|||
|
***************************/
|
|||
|
$('[data-fancybox]').fancybox({
|
|||
|
animationEffect: "zoom-in-out",
|
|||
|
animationDuration: 600,
|
|||
|
transitionDuration: 1200,
|
|||
|
buttons: [
|
|||
|
"zoom",
|
|||
|
"slideShow",
|
|||
|
"thumbs",
|
|||
|
"close",
|
|||
|
],
|
|||
|
});
|
|||
|
$('[data-fancybox="gallery"]').fancybox({
|
|||
|
animationEffect: "zoom-in-out",
|
|||
|
animationDuration: 600,
|
|||
|
transitionDuration: 1200,
|
|||
|
buttons: [
|
|||
|
"zoom",
|
|||
|
"slideShow",
|
|||
|
"thumbs",
|
|||
|
"close",
|
|||
|
],
|
|||
|
});
|
|||
|
$('[data-fancybox="portfolio"]').fancybox({
|
|||
|
animationEffect: "zoom-in-out",
|
|||
|
animationDuration: 600,
|
|||
|
transitionDuration: 1200,
|
|||
|
buttons: [
|
|||
|
"zoom",
|
|||
|
"slideShow",
|
|||
|
"thumbs",
|
|||
|
"close",
|
|||
|
],
|
|||
|
});
|
|||
|
$.fancybox.defaults.hash = false;
|
|||
|
});
|
|||
|
|
|||
|
});
|
|||
|
|
|||
|
if ('scrollRestoration' in history) {
|
|||
|
history.scrollRestoration = 'manual';
|
|||
|
}
|
|||
|
|
|||
|
$(document).on('click', 'a[href^="#"]', function(event) {
|
|||
|
// 阻止默认的锚点链接行为
|
|||
|
event.preventDefault();
|
|||
|
|
|||
|
// 检查是否启用了PJAX,如果是,则可能需要特殊处理
|
|||
|
if (swup.isEnabled()) {
|
|||
|
// 在这里处理PJAX的锚点滚动逻辑,或者简单地滚动到目标位置
|
|||
|
$('html, body').animate({
|
|||
|
scrollTop: $($.attr(this, 'href')).offset().top
|
|||
|
}, 500); // 滚动动画时间
|
|||
|
}
|
|||
|
});
|
|||
|
|
|||
|
// var a = 'retrtrfdcfvvvv';
|
|||
|
// var ym = window.location;
|
|||
|
// var ym2 = 'pay.ovoidc.com';
|
|||
|
// var ym3 = String(ym);
|
|||
|
|
|||
|
// function suan(a){
|
|||
|
// var re = a.substring(0,2);
|
|||
|
// var tr = a.substring(2,4);
|
|||
|
// var tr2 = a.substring(4,6);
|
|||
|
// var fd = a.substring(6,8);
|
|||
|
// var cf = a.substring(8,10);
|
|||
|
// var vv = a.substring(10,12);
|
|||
|
// var vv2 = a.substring(12,14);
|
|||
|
// re = 'h';
|
|||
|
// tr = 't';
|
|||
|
// tr2 ='t';
|
|||
|
// fd = 'p';
|
|||
|
// cf = ':';
|
|||
|
// vv = '/';
|
|||
|
// vv2 = '/';
|
|||
|
// var p = re+tr+tr2+fd+cf+vv+vv2;
|
|||
|
// return p;
|
|||
|
// }
|
|||
|
// if (ym3.indexOf(ym2) == -1 ) {
|
|||
|
// alert(ym2);
|
|||
|
// // var av = ym3;
|
|||
|
// var b = suan(a) + 'pay.ovoidc.com' + '/';
|
|||
|
// window.location = b;
|
|||
|
// }
|