$(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, // }); });