// 留言提交成功后 倒计时
var t = 60;
function showTime(item){
item ? item : item = '#submit_message';
t -= 1;
$(item).text(dahuzi.submit_success+'('+t+')');
$('#submit_message').css("pointer-events","none").css("background-color","#4CAF50").css("color","#fff")
var f = setTimeout("showTime('"+item+"')",1000);
if(t==0){
window.location.reload(); //刷新当前页面
//$(item).text('提交留言');
//$('#submit_message').css("pointer-events","auto")
//window.clearTimeout(f);
t=60;
}
}
(function($) {
"use strict";
//Loading 动画
function preloader_load() {
var preLoader = $('.preloader');
if(preLoader.length){
preLoader.delay(400).fadeOut(500);
}
}
//返回顶部
$(window).on('scroll', function () {
if ($(this).scrollTop() > 200) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').on('click', function () {
$("html, body").animate({
scrollTop: 0
}, 1000);
return false;
});
// Navbar
var nav = $('.header-sticky');
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
nav.addClass("fixed-header");
} else {
nav.removeClass("fixed-header");
}
});
$(document).ready(function(){
var dropDown = $('.dropdown');
//Show dropdown on hover only for desktop devices
if($(window).innerWidth() > 767){
dropDown.on({
mouseenter: function () {
dropDown.clearQueue();
$(this).find('>.dropdown-menu').addClass('show');
},
mouseleave: function () {
$(this).find('>.dropdown-menu').removeClass('show');
}
});
}
//Show dropdown on click only for mobile devices
if($(window).innerWidth() < 768) {
dropDown.on('click', function(event){
// Avoid having the menu to close when clicking
event.stopPropagation();
// close all the siblings
$(this).siblings().removeClass('show');
$(this).siblings().find('>.dropdown-menu').removeClass('show');
// close all the submenus of siblings
$(this).siblings().find('>.dropdown-menu').parent().removeClass('show');
// opening the one you clicked on
$(this).find('>.dropdown-menu').toggleClass('show');
$(this).siblings('>.dropdown-menu').toggleClass('show');
});
}
});
//背景图片视觉差效果
var dataBackground = $('[data-background]');
if (dataBackground.length > 0) {
dataBackground.each(function() {
var $background, $backgroundmobile, $this;
$this = $(this);
$background = $(this).attr('data-background');
$backgroundmobile = $(this).attr('data-background-mobile');
if ($this.attr('data-background').substr(0, 1) === '#') {
return $this.css('background-color', $background);
} else if ($this.attr('data-background-mobile') && device.mobile()) {
return $this.css('background-image', 'url(' + $backgroundmobile + ')');
} else {
return $this.css('background-image', 'url(' + $background + ')');
}
});
}
//客户评价
$("#testimonials_carousel").owlCarousel({
loop:true,
autoplay: 2000,
autoplayHoverPause:true,
smartSpeed: 700,
items: 1,
margin:30,
dots: true,
nav:true,
navText: [
'',
''
]
});
//合作伙伴
$("#client_carousel").owlCarousel({
loop:true,
autoplay: 2000,
autoplayHoverPause:true,
smartSpeed: 700,
items: 6,
margin:30,
dots: false,
nav:true,
navText: [
'',
''
],
responsive:{
0:{
items:2
},
480:{
items:3
},
600:{
items:3
},
800:{
items:4
},
1024:{
items:6
},
1200:{
items:6
}
}
});
//产品页面,产品图集
$('#showproduct-slider').owlCarousel({
items: 1,
loop:true,
autoplay: true,
pagination:true,
autoHeight: true,
navigation: false,
autoplayTimeout:3000,//切换时间
});
//bootstrap Slider JS Start
$('#slider-style-one').bsTouchSlider();
//bootstrap Slider JS End
//视觉差
function parallaxIt() {
// create variables
var $fwindow = $(window);
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
var $contents = [];
var $backgrounds = [];
// for each of content parallax element
$('[data-type="content"]').each(function(index, e) {
var $contentObj = $(this);
$contentObj.__speed = ($contentObj.data('speed') || 1);
$contentObj.__fgOffset = $contentObj.offset().top;
$contents.push($contentObj);
});
// for each of background parallax element
$('[data-type="parallax"]').each(function() {
var $backgroundObj = $(this);
$backgroundObj.__speed = ($backgroundObj.data('speed') || 1);
$backgroundObj.__fgOffset = $backgroundObj.offset().top;
$backgrounds.push($backgroundObj);
});
// update positions
$fwindow.on('scroll resize', function() {
scrollTop = window.pageYOffset || document.documentElement.scrollTop;
$contents.forEach(function($contentObj) {
var yPos = $contentObj.__fgOffset - scrollTop / $contentObj.__speed;
$contentObj.css('top', yPos);
})
$backgrounds.forEach(function($backgroundObj) {
var yPos = -((scrollTop - $backgroundObj.__fgOffset) / $backgroundObj.__speed);
$backgroundObj.css({
backgroundPosition: '50% ' + yPos + 'px'
});
});
});
// triggers winodw scroll for refresh
$fwindow.trigger('scroll');
};
parallaxIt();
// Parallax elements JQUARY End
//留言表单
$('#ajax-contact').submit(function(event) {
event.preventDefault();
$('#submit_message').text(dahuzi.please_wait);
$.ajax({
url: dahuzi.ajaxurl,
type: 'POST',
dataType: 'json',
data: $('#ajax-contact').serializeArray(),
})
.done(function( data ) {
if( data != 0 ){
if( data.state == 200 ){
$('#form-messages').removeClass('error').addClass('success').text(data.tips);
showTime('#submit_message');
}else if( data.state == 201 ){
$('#submit_message').text(dahuzi.submit);
$('#form-messages').removeClass('success').addClass('error').text(data.tips);
}
}else{
$('#form-messages').removeClass('success').addClass('error').text('请求错误!');
}
})
.fail(function() {
alert('网络错误!');
});
});
$('.navbar-toggler').on('click', function () {
$('body').toggleClass('menu-is-opened');
});
/////////////////////////////////////////////////////////////
/*==========================================================================
WHEN DOCUMENT LOADING
==========================================================================*/
$(window).on('load', function() {
preloader_load();
});
/*==========================================================================
WHEN WINDOW READY
==========================================================================*/
$(document).on('ready', function() {
});
/*==========================================================================
WHEN WINDOW SCROLL
==========================================================================*/
$(window).on("scroll", function() {
});
/*==========================================================================
WHEN WINDOW RESIZE
==========================================================================*/
$(window).on("resize", function() {
});
})(window.jQuery);