$(function () {
//768px 小屏下 设置html字体大小变化
var fontSizeAuto = function (oriWidth) {
return function () {
if (screen.width < 768) {
var viewportWidth = document.documentElement.clientWidth;
if (viewportWidth > oriWidth) {
viewportWidth = oriWidth;
}
if (viewportWidth < 320) {
viewportWidth = 320;
}
// document.documentElement.style.fontSize = viewportWidth/(oriWidth/100) +'px'; document.documentElement.style.fontSize = viewportWidth / (oriWidth / 28.8) + 'px';
}
}
};
fontSizeAuto(768);
$(window).on("resize", fontSizeAuto(768));
FastClick.attach(document.body);
// $(document).off('click.bs.dropdown.data-api');
$('.nav-tabss a').click(function (e) {
e.preventDefault();
$(this).tab('show');
});
// === 返回顶部 ===
$(".footer .back_top").click(function () {
$("body,html").animate({
"scrollTop": 0,
}, 700);
});
//============== nav导航栏效果 ============
var nav_lis = null;
var getNav = null; if ($("nav.navbar").css("display") == 'none') {
nav_lis = $(".header_content .hc_nav>li");
getNav = $(".header_content");
} else {
nav_lis = $(".navbar-collapse .navbar-nav>li");
getNav = $(".navbar-collapse");
}
var i = 0;
var site_url = window.location.href.toLowerCase();
switch (true) {
case pageFlag.indexOf("pro") > -1:
nav_lis.removeClass("nav_on");
nav_lis.eq(1).addClass("nav_on");
i = 1;
break;
case pageFlag.indexOf("about") > -1:
nav_lis.removeClass("nav_on");
nav_lis.eq(2).addClass("nav_on");
i = 2;
break;
case pageFlag.indexOf("video") > -1:
nav_lis.removeClass("nav_on");
nav_lis.eq(3).addClass("nav_on");
i = 3;
break;
case pageFlag.indexOf("case") > -1:
nav_lis.removeClass("nav_on");
nav_lis.eq(4).addClass("nav_on");
i = 4;
break;
case pageFlag.indexOf("news") > -1:
nav_lis.removeClass("nav_on");
nav_lis.eq(5).addClass("nav_on");
i = 5;
break;
case pageFlag.indexOf("service") > -1:
nav_lis.removeClass("nav_on");
nav_lis.eq(6).addClass("nav_on");
i = 6;
break;
case pageFlag.indexOf("contact") > -1:
nav_lis.removeClass("nav_on");
nav_lis.eq(7).addClass("nav_on");
i = 7;
break;
case pageFlag.indexOf("agent") > -1:
nav_lis.removeClass("nav_on");
nav_lis.eq(8).addClass("nav_on");
i = 8;
break;
default:
nav_lis.removeClass("nav_on");
nav_lis.eq(0).addClass("nav_on");
}
nav_lis.hover(function () {
nav_lis.removeClass("nav_on");
$(this).addClass("nav_on");
}, function () {
nav_lis.removeClass("nav_on");
nav_lis.eq(i).addClass("nav_on");
});
getIn = getNav.find("ul.nav").data("in"),
getOut = getNav.find("ul.nav").data("out");
// Hover effect Default Menu
$(".header_content ul.hc_nav").each(function(){ $("a.dropdown-toggle", this).off('click');
$("a.dropdown-toggle", this).on('click', function (e) {
e.stopPropagation();
});
$(".dropdown-menu", this).addClass("animated");
$("li.dropdown", this).on("mouseenter", function(){
$(".dropdown-menu", this).eq(0).removeClass(getOut);
$(".dropdown-menu", this).eq(0).stop().fadeIn().addClass(getIn);
$(this).addClass("on");
return false;
});
$("li.dropdown", this).on("mouseleave", function(){
$(".dropdown-menu", this).eq(0).removeClass(getIn);
$(".dropdown-menu", this).eq(0).stop().fadeOut().addClass(getOut);
$(this).removeClass("on");
});
$(this).on("mouseleave", function(){
$(".dropdown-menu", this).removeClass(getIn);
$(".dropdown-menu", this).eq(0).stop().fadeOut().addClass(getOut);
$("li.dropdown", this).removeClass("on");
return false;
});
});
var wow = new WOW({
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 200, // distance to the element when triggering the animation (default is 0)
mobile: true, // trigger animations on mobile devices (default is true)
live: true, // act on asynchronously loaded content (default is true)
callback: function (box) {
// the callback is fired every time an animation is started
// the argument that is passed in is the DOM node being animated
},
scrollContainer: null // optional scroll container selector, otherwise use window
});
wow.init();
var items = $(".lanmu_picture");
$(window).on("resize", function () {
if (screen.width < 992) {
// sidebarMove(); //导航左右滑动
// calc_prolistWidth(); //计算产品分类 实际宽度
}
function sidebarMove() {
// 移动端 侧边栏左右滑动
var distanceX = 0;
var startX = 0;
var body = document.body;
var openFlag = !1; //default = flase
stopPropagate(); //阻止产品分类左右滑动 冒泡事件
// myscroll.on('scrollStart',star);//滚动开始的时候执行star函数
// myscroll.on('scrollEnd',end);//滚动结束的时候执行end函数
// 添加触屏开始事件
body.addEventListener('touchstart', function (e) {
e = e || window.event;
startX = e.targetTouches[0].clientX; //手指开始的位置 });
// 添加触屏滑动事件
body.addEventListener('touchmove', function (e) {
e = e || window.event;
moveX = e.targetTouches[0].clientX;
distanceX = moveX - startX;
});
// 添加触屏结束事件
body.addEventListener('touchend', function (each) {
if ($(".navbar-toggle").hasClass("collapsed")) {
openFlag = !1;
} else {
openFlag = !0;
}
if (Math.abs(distanceX) < 200) {
distanceX = 0; // 清零distanceX 可要可不要,严谨起见清零
} else {
if (distanceX < -200 && openFlag) { //打开状态
$(".navbar-toggle").click();
openFlag = !1;
}
if (distanceX > 200 && !openFlag) { //关闭状态
$(".navbar-toggle").click();
openFlag = !0;
}
distanceX = 0; // 清零distanceX
}
});
}
function calc_prolistWidth() {
/* 计算内页侧边栏产品块 导航项ul 的原始宽度 */
var totalWidth = 0;
var pro_nav_ul = $(".pro_nav");
var pro_lis = pro_nav_ul.find("li");
pro_lis.each(function (index, item) {
totalWidth += $(item).innerWidth() + 3;
});
pro_nav_ul.width(totalWidth);
}
function stopPropagate() {
if ($("[id*='my_wrapper'],[class*='my_wrapper']").length == 0) {
return false;
} else {
// .my_wrapper,#my_wrapper2,#home_my_wrapper,#my_wrapper_cooperation
$("[id*='my_wrapper'],[class*='my_wrapper']").on("touchmove", function (e) {
e = e || window.event;
// e.stopPropagation();
});
}
}
(function lanmu_picture() {
if (items.length <= 0) {
return false;
}
if (screen.width < 768) {
var imgSrc = items.data("mobileImage");
// $(items).html($(''));
$(items).find("img").remove();
$(items).append('');
} else {
var imgSrc_pc = items.data("pcImage");
// $(items).html($(''));
$(items).find("img").remove();
$(items).append('');
}
})();
}).trigger("resize");
/* 计算产品块 导航项ul 的原始宽度 */
// var totalWidth = 0;
// var pro_nav_ul = $(".pro_nav");
// var pro_lis = pro_nav_ul.find("li");
// pro_lis.each(function (index, item) {
// totalWidth += $(item).innerWidth() + 2;
// });
// pro_nav_ul.width(totalWidth);
/*iscroll插件初始化*/
// var myScroll = new IScroll('#my_wrapper', {
// // mouseWheel: true,
// // scrollbars: true,
// scrollY: false,
// scrollX: true,
// click: true,
// });
});