/**
* 通用模块
*
*/
var $win = $(window),
$doc = $(document),
$body = $('body', $doc),
winw = $win.width();
$(window).resize(function() {
winw = $win.width();
})
/**
* 图片加载
*/
$(function() {
if (!$.fn.lazyload) return;
$(".lazy", $body).lazyload({
effect: "fadein",
threshold: 400,
failure_limit: 0
});
});
// 出现
$(function() {
if ($win.width() > 992) {
if (!(/msie [6|7|8|9]/i.test(navigator.useragent))) {
new wow().init();
};
}
});
// 数字滚动
$(function() {
$('.counter').countup();
});
// 导航固定
$(function() {
var sticky = new waypoint.sticky({
element: $('.top-nav')[0]
});
});
// 内部放大
$(function() {
if ($win.width() > 992) {
$(".piczoom").elevatezoom({
zoomtype: "inner",
cursor: "crosshair",
zoomwindowfadein: 300,
zoomwindowfadeout: 300
});
}
});
// // 导航滑动
$(function() {
var jcate = $('.category ul', $body);
var wrap = $('.category');
var wrapwidth = wrap.width();
if (jcate.width() < wrap.width()) {
jcate.width("100%");
} else {
jcate.on('click', 'a', function(event) {
event.preventdefault();
event.stoppropagation();
// alert(this.href);
location.href = this.href;
});
jcate.on('touchstart', function(event) {
jcate.addclass('touchstart');
var touch = event.originalevent.targettouches[0];
var data = {
'touchx': touch.pagex,
'width': jcate.width(),
'left': parseint(jcate.css('left')),
'wwidth': wrapwidth
};
if (data.width < data.wwidth) {
return true;
}
jcate.on('touchmove', data, touchmove);
jcate.on('touchend', touchend);
});
}
// tab 滑动
var touchmove = function(event) {
event.preventdefault();
var touch = event.originalevent.targettouches[0];
var touchx = touch.pagex;
var incr = touchx - event.data.touchx;
var left = event.data.left + incr;
if (left > 0) {
left = 0;
} else if ((event.data.wwidth - left) > event.data.width) {
left = event.data.wwidth - event.data.width;
}
jcate.css('left', left);
};
var touchend = function(event) {
jcate.removeclass('touchstart');
jcate.off('touchmove', touchmove);
jcate.off('touchend', touchend);
};
/**
* init-pos
*/
(function() {
var width = jcate.find('.active').width();
var offset = jcate.find('.active').offset();
var winwidth = $win.width();
var catewidth = jcate.width();
// ($win - jcate) < left < 0
if (offset && catewidth > winwidth) {
var left = winwidth / 2 - (offset.left + width / 2);
left = math.min(left, 0);
left = math.max(left, winwidth - catewidth);
jcate.css('left', left);
}
})();
});
// 视频
$(function() {
var $box = $(".video", $body);
if (!$box.length) return;
$box.on('click', '.video-box .play', function(event) {
event.preventdefault();
var me = $(this);
var $iframe = me.next('.iframe'),
url = $iframe.data('src');
if ($win.width() > 1200) {
$.fancybox.open({
src: url,
type: 'iframe',
padding: 10,
});
} else {
var height = me.find('.img-responsive').length ? me.height() : $box.height();
height = math.max(height, 170);
if (!$iframe.attr('src')) $iframe.attr('src', url);
$iframe.height(height);
$iframe.css('display', 'block');
me.hide();
}
});
});
//头部导航
$(function() {
//折叠导航
var oset;
$(".nav-collapse").click(function(e) {
if (e && e.stoppropagation) {
e.stoppropagation();
} else {
window.event.cancelbubble = true;
}
$(".nav-collapse").toggleclass("active");
$(".nav").stop().fadetoggle().toggleclass("fade-out");
$("body").toggleclass("fixed");
$(".video-box").toggle();
$(".nav").removeclass("left-100 left-200");
if (winw > 991 && winw < 1200) {
$(".nav-list1 .more").eq(0).addclass("show").children(".nav-list2").show();
}
if (!$(this).hasclass("active")) {
$(".nav").hide();
$(".nav-list1").find("li").removeclass("act");
} else {
if (winw > 991 && winw < 1200) {
var listmore = $(".nav-list1 .more");
listmore.removeclass("show").children(".nav-list2").hide();
listmore.eq(0).addclass("show").children(".nav-list2").fadein();
}
cleartimeout(oset);
$(".nav-list1 >li").each(function(index, val) {
var me = $(this);
var num = $(this).index()
oset = settimeout(function() {
me.addclass("act");
}, (index * 55))
})
}
});
});
$(function() {
var list1 = $(".nav-list1"),
list2 = $(".nav-list2"),
list3 = $(".nav-list3");
list1.on("click", ".more", function(event) {
if (winw > 1199) return;
event.stoppropagation();
event.preventdefault();
$(".nav").addclass("left-100");
var ostr = "";
ostr = $(this).children(".nav-list2").html();
ohref = $(this).children("a").clone(true);
$(".nav-2 .content ul").html(ostr).children("li").has(".nav-list3").addclass("more");
$(".nav-2 .nav-title").html(ohref);
})
$(".nav2-list2").on("click", "li", function(event) {
if (winw > 1199) return;
event.stoppropagation();
if ($(this).hasclass("more")) {
event.preventdefault();
$(".nav").addclass("left-200");
var ostr = "";
ostr = $(this).children(".nav-list3").html();
ohref = $(this).children("a").clone(true);
console.log($(this).children("a"));
$(".nav-3 .content ul").html(ostr);
$(".nav-3 .nav-title").html(ohref);
}
})
list1.on("mouseenter", ".more", function(event) {
if (winw < 1200) return;
var me2 = $(this).children(".nav-list2");
me2
.stop().slidedown("fast")
.children("li").has(".nav-list3").addclass("more");
}).on("mouseleave", ".more", function(event) {
if (winw < 1200) return;
$(this).children(".nav-list2").stop().slideup("fast");
})
list2.on("mouseenter", "li", function(event) {
if (winw < 1200) return;
console.log($(this).children(".nav-list3"))
$(this).children(".nav-list3").stop().slidedown(0);
}).on("mouseleave", "li", function(event) {
if (winw < 1200) return;
$(this).children(".nav-list3").stop().slideup(0);
})
$(".back-btn2").click(function() {
$(".nav").removeclass("left-100");
})
$(".back-btn3").click(function() {
$(".nav").removeclass("left-200");
})
//查找按钮
$(".find").click(function(e) {
if (e && e.stoppropagation) {
//w3c取消冒泡事件
e.stoppropagation();
} else {
//ie取消冒泡事件
window.event.cancelbubble = true;
}
$(".search-lg").stop().fadein();
$(".input-text").focus();
$("body").addclass('searchactive');
if (winw < 1200) {
$("#btn").removeclass("active");
}
})
$(".search-icon").click(function() {
if (winw < 1200) {
$(".search-xs").addclass("show")
}
})
$(".nav").click(function(e) {
if (!$(e.target).hasclass("input-text") && !$(e.target).hasclass("search-icon")) {
console.log(e.target);
$(".search-xs").removeclass("show")
}
})
$(".close-btn").click(function() {
$(".search-lg").fadeout("fast");
$("body").removeclass('searchactive');
})
});
// 首页新闻
$(function() {
if (!$.fn.slick) return;
$('.slick-news').slick({
autoplay: true,
autoplayspeed: 3000, //以毫秒为单位的自动播放速度
// centermode: true, //居中视图 slidestoshow为双数的时候慎用
// centerpadding: '0px', //左右两侧padding值
arrows: false, //上一下,下一页
fade: false, //启用淡入淡出
dots: true, //显示点指示符
speed: 500, //幻灯片/淡入淡出动画速度
cssease: 'ease', //css3动画缓和
slidestoshow: 3, //显示的幻灯片数量
slidestoscroll: 3, //要滚动的幻灯片数量
focusonselect: true, //启用选定元素的焦点(单击)
touchthreshold: 300, //滑动切换阈值,即滑动多少像素后切换
infinite: true, //无限循环
// swipetoslide: true, //允许用户将幻灯片直接拖动或滑动到幻灯片
lazyload: 'ondemand', //接受'ondemand'或'progressive'
variablewidth: false, //幻灯片宽度自适应
adaptiveheight: false, //自适应高度
rows: 1, //将其设置为1以上将初始化网格模式。使用slidesperrow设置每行应放置多少个幻灯片
slidesperrow: 1, //在通过行选项初始化网格模式时,这会设置每个网格行中的幻灯片数量
responsive: [{
breakpoint: 992,
settings: {
slidestoshow: 2,
slidestoscroll: 2,
}
},
{
breakpoint: 768,
settings: {
slidestoshow: 2,
slidestoscroll: 2,
}
},
{
breakpoint: 480,
settings: {
slidestoshow: 1,
slidestoscroll: 1,
}
}
],
});
});
// 合作客户
$(function() {
if (!$.fn.slick) return;
$('.slick-customer').slick({
autoplay: true,
autoplayspeed: 3000, //以毫秒为单位的自动播放速度
// centermode: true, //居中视图 slidestoshow为双数的时候慎用
// centerpadding: '0px', //左右两侧padding值
arrows: true, //上一下,下一页
fade: false, //启用淡入淡出
dots: false, //显示点指示符
speed: 500, //幻灯片/淡入淡出动画速度
cssease: 'ease', //css3动画缓和
slidestoshow: 5, //显示的幻灯片数量
slidestoscroll: 1, //要滚动的幻灯片数量
focusonselect: true, //启用选定元素的焦点(单击)
touchthreshold: 300, //滑动切换阈值,即滑动多少像素后切换
infinite: true, //无限循环
// swipetoslide: true, //允许用户将幻灯片直接拖动或滑动到幻灯片
lazyload: 'ondemand', //接受'ondemand'或'progressive'
variablewidth: false, //幻灯片宽度自适应
adaptiveheight: false, //自适应高度
rows: 1, //将其设置为1以上将初始化网格模式。使用slidesperrow设置每行应放置多少个幻灯片
slidesperrow: 1, //在通过行选项初始化网格模式时,这会设置每个网格行中的幻灯片数量
responsive: [{
breakpoint: 992,
settings: {
slidestoshow: 4,
slidestoscroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidestoshow: 3,
slidestoscroll: 1,
}
},
{
breakpoint: 480,
settings: {
slidestoshow: 2,
slidestoscroll: 1,
}
}
],
});
});
//首页 banner
$(function() {
if (!$.fn.slick) return;
$('.slickbanner').slick({
autoplay: true,
autoplayspeed: 4000, //以毫秒为单位的自动播放速度
centermode: true, //居中视图 slidestoshow为双数的时候慎用
centerpadding: '0px', //左右两侧padding值
arrows: false, //上一下,下一页
fade: true, //启用淡入淡出
dots: true, //显示点指示符
speed: 500, //幻灯片/淡入淡出动画速度
cssease: 'ease', //css3动画缓和
slidestoshow: 1, //显示的幻灯片数量
slidestoscroll: 1, //要滚动的幻灯片数量
focusonselect: true, //启用选定元素的焦点(单击)
touchthreshold: 300, //滑动切换阈值,即滑动多少像素后切换
infinite: true, //无限循环
swipetoslide: true, //允许用户将幻灯片直接拖动或滑动到幻灯片
lazyload: 'ondemand', //接受'ondemand'或'progressive'
variablewidth: false, //幻灯片宽度自适应
adaptiveheight: false, //自适应高度
rows: 1, //将其设置为1以上将初始化网格模式。使用slidesperrow设置每行应放置多少个幻灯片
slidesperrow: 1, //在通过行选项初始化网格模式时,这会设置每个网格行中的幻灯片数量
pauseonhover: false,
});
});
$(function() {
if (!$.fn.slick) return;
$('.slick-solution').slick({
autoplay: true,
autoplayspeed: 3000, //以毫秒为单位的自动播放速度
// centermode: true, //居中视图 slidestoshow为双数的时候慎用
// centerpadding: '0px', //左右两侧padding值
arrows: true, //上一下,下一页
fade: false, //启用淡入淡出
dots: false, //显示点指示符
speed: 500, //幻灯片/淡入淡出动画速度
cssease: 'ease', //css3动画缓和
slidestoshow: 5, //显示的幻灯片数量
slidestoscroll: 1, //要滚动的幻灯片数量
focusonselect: true, //启用选定元素的焦点(单击)
touchthreshold: 300, //滑动切换阈值,即滑动多少像素后切换
infinite: true, //无限循环
// swipetoslide: true, //允许用户将幻灯片直接拖动或滑动到幻灯片
lazyload: 'ondemand', //接受'ondemand'或'progressive'
variablewidth: false, //幻灯片宽度自适应
adaptiveheight: false, //自适应高度
rows: 1, //将其设置为1以上将初始化网格模式。使用slidesperrow设置每行应放置多少个幻灯片
slidesperrow: 1, //在通过行选项初始化网格模式时,这会设置每个网格行中的幻灯片数量
responsive: [{
breakpoint: 992,
settings: {
slidestoshow: 3,
slidestoscroll: 1,
}
},
{
breakpoint: 768,
settings: {
slidestoshow: 3,
slidestoscroll: 1,
}
},
{
breakpoint: 480,
settings: {
slidestoshow: 2,
slidestoscroll: 1,
}
}
],
});
});
// 在线客服
$(function() {
var code = $(".code-pic");
$(".online .code").on("mouseenter", function() {
if (winw > 991) {
$(this).children(".mask").stop(true, true).fadein();
} else {
$(this).children(".code-pic").stop(true, true).fadein();
}
}).on("mouseleave", function() {
if (winw > 991) {
$(this).children(".mask").stop(true, true).fadeout();
} else {
$(this).children(".code-pic").stop(true, true).fadeout();
}
});
code.on("mouseenter", function(e) {
$(this).stop(true, true).fadein();
}).on("mouseleave", function() {
$(this).stop(true, true).fadeout();
});
$(".online-wrap .btn").on("click", function() {
$(this).toggleclass("active");
$(".online").toggleclass("active");
});
//返回顶部按钮
$("#gotop,.backtop").click(function() {
$("html,body").animate({
scrolltop: 0
}, 500)
})
})
$(function() {
$('.icon-online').click(function() {
$('.online').toggleclass('active');
$('.icon-online').toggleclass('icon');
});
});
// 放大
$(function() {
$("a[rel=fancybox-product]").fancybox({
'overlayshow': true,
'overlaycolor': '#000',
'overlayopacity': 0.9,
'opacity': 0.5,
'transitionin': 'elastic',
'transitionout': 'none',
'titleposition': 'over',
'showclosebutton': false,
'titleformat': function(title, currentarray, currentindex, currentopts) {
return '' + (currentindex + 1) + ' / ' + currentarray.length + (title.length ? ' ' + title : '') + ' ';
}
});
});
// 手机底部
$(".footer .foot ul li .title-foot").click(function() {
if ($win.width() < 991) {
var par = $(this).parent().parent();
if (par.attr("class") == "on") {
$(".footer .foot ul li .title-foot").parent().parent().addclass("on").find('.info-down').slideup();
par.find('.info-down').slidedown();
par.removeclass("on").addclass("current").siblings().removeclass('current');
} else {
par.find('.info-down').slideup();
par.addclass("on").removeclass("current");
}
}
});
// 首页新闻展开
// $(".box-news .news-list ul li .title-news").click(function() {
// var par = $(this).parent();
// if (par.attr("class") == "on") {
// $(".box-news .news-list ul li .title-news").parent().addclass("on").children('.note').slideup();
// par.children('.note').slidedown();
// par.removeclass("on").addclass("current").siblings().removeclass('current');
// } else {
// par.children('.note').slideup();
// par.addclass("on").removeclass("current");
// }
// });
// job页面展开
// $(".wrap-job .job ul li .title-item").click(function() {
// var par = $(this).parent();
// if (par.attr("class") == "on") {
// $(".wrap-job .job ul li .title-item").parent().addclass("on").children('.text').slideup();
// par.children('.text').slidedown();
// par.removeclass("on").addclass("current").siblings().removeclass('current');
// } else {
// par.children('.text').slideup();
// par.addclass("on").removeclass("current");
// }
// });
// 产品详情询价跳转
$(function() {
$(".btn-pro .btn-inquiry").on("click", function() {
$("html,body").animate({
scrolltop: $("#inquiry").offset().top - 100
}, 500)
})
});
// 产品侧面导航有二级加class名
$(function() {
var tags = $(".product-side>ul>li").length;
// console.log(tags);
for (var i = 0; i <= tags; i++) {
var tags1 = $(".product-side>ul>li").eq(i).find("li").length;
if (tags1 > 0) {
$(".product-side>ul>li").eq(i).addclass("more");
}
}
});
$(function() {
//获取所有div的高度,存入alldivheight
var alldivheight = [];
$(".box-about .about .item").each(function(index, element) {
alldivheight.push($(this).height());
});
//循环分组和设置最大高度
for (var j = 0; j < math.ceil(alldivheight.length / 20); j++) {
var group = alldivheight.slice(j * 20, 20 * (j + 1)); //每20个为一组
var maxgroupheight = math.max.apply(null, group); //该组中最大的
//设置该组中所有div的高度为最大高度(这里比较烂,没想到好方法)
$(".box-about .about .item").each(function(index, element) {
if (j * 20 <= index && index <= 20 * (j + 1)) {
$(this).height(maxgroupheight);
}
// console.log(maxgroupheight);
});
}
});
$(function() {
//获取所有div的高度,存入alldivheight
var alldivheight = [];
$(".wrap-culture .culture .item").each(function(index, element) {
alldivheight.push($(this).height());
});
//循环分组和设置最大高度
for (var j = 0; j < math.ceil(alldivheight.length / 20); j++) {
var group = alldivheight.slice(j * 20, 20 * (j + 1)); //每20个为一组
var maxgroupheight = math.max.apply(null, group); //该组中最大的
//设置该组中所有div的高度为最大高度(这里比较烂,没想到好方法)
$(".wrap-culture .culture .item").each(function(index, element) {
if (j * 20 <= index && index <= 20 * (j + 1)) {
$(this).height(maxgroupheight);
}
// console.log(maxgroupheight);
});
}
});
$(function() {
//获取所有div的高度,存入alldivheight
var alldivheight = [];
$(".wrap-contact .contact .item").each(function(index, element) {
alldivheight.push($(this).height());
});
//循环分组和设置最大高度
for (var j = 0; j < math.ceil(alldivheight.length / 20); j++) {
var group = alldivheight.slice(j * 20, 20 * (j + 1)); //每20个为一组
var maxgroupheight = math.max.apply(null, group); //该组中最大的
//设置该组中所有div的高度为最大高度(这里比较烂,没想到好方法)
$(".wrap-contact .contact .item").each(function(index, element) {
if (j * 20 <= index && index <= 20 * (j + 1)) {
$(this).height(maxgroupheight);
}
// console.log(maxgroupheight);
});
}
});
$(function() {
//获取所有div的高度,存入alldivheight
var alldivheight = [];
$(".wrap-join .support .item").each(function(index, element) {
alldivheight.push($(this).height());
});
//循环分组和设置最大高度
for (var j = 0; j < math.ceil(alldivheight.length / 20); j++) {
var group = alldivheight.slice(j * 20, 20 * (j + 1)); //每20个为一组
var maxgroupheight = math.max.apply(null, group); //该组中最大的
//设置该组中所有div的高度为最大高度(这里比较烂,没想到好方法)
$(".wrap-join .support .item").each(function(index, element) {
if (j * 20 <= index && index <= 20 * (j + 1)) {
$(this).height(maxgroupheight);
}
// console.log(maxgroupheight);
});
}
});
// 产品详情tab选项卡
$(function() {
$('.wrap-product-show .parameter .prosort li').click(function() {
var liindex = $('.wrap-product-show .parameter .prosort li').index(this);
$(this).addclass('active').siblings().removeclass('active');
$('.wrap-product-show .parameter .text').eq(liindex).show().siblings('.text').hide();
}).eq(0).click();
});
// 表格
$(function() {
var otable = $("table");
if (otable.length !== 0) {
var otr = otable.find('tr'),
otd = otable.find('td');
otable.wrap("