$(function(){ //让ie9支持placeholder $('input, textarea').placeholder(); //点击打开视频 $(".js-video").click(function (e) { e.preventdefault(); e.stoppropagation() var src = $(this).attr('href') || $(this).data('src'); $(".c-video").addclass("show"); if (src.indexof(".mp4") != -1) { $("#v2").attr("src", src); $("#v2").css("display", "block") $("#v1").css("display", "none") $("#v2")[0].play() } else { $("#v1").attr("src", src); $("#v1").css("display", "block") $("#v2").css("display", "none") } }) //关闭视频 $(".c-video__close").click(function () { $(".c-video").removeclass("show") $("#v2")[0].pause() $("#v1").attr("src", "") }) $('.c-footer .copyright .year').text(new date(date.now()).getfullyear()) // 入场动画 // $(window).scroll(function (e) { // var hh = $(window).height(); // var a = $(this).scrolltop(); // //滚动到b-a -hh) { // $(this).addclass("is-visible"); // } // }) // }) // $(window).trigger("scroll"); // 回到顶部 $('.totop').on('click', function (e) { e.preventdefault() $("html,body").animate({ scrolltop: "0px" }, 500) }) // 头部 function handlescroll() { if ($(document).scrolltop() > $(window).height()) { $('.totop').addclass('show') } else { $('.totop').removeclass('show') } } handlescroll() $(document).scroll(handlescroll) var oldtop = $(document).scrolltop(); function handlescroll2(){ var curtop = $(document).scrolltop(); if (curtop <= $('.c-header_pc').outerheight()) { // $('.header_blank').height(0).hide() $('.c-header_pc').removeclass('hide') } else { if (curtop < oldtop) { // $('.header_blank').height($('.c-header_pc').outerheight()).show() $('.c-header_pc').removeclass('hide') } else { // $('.header_blank').height(0).hide() $('.c-header_pc').addclass('hide') } } oldtop = curtop; } // $(document).scroll(debounce(handlescroll2, 100)) $(document).scroll(handlescroll2) // 处理头部固定导致的塌陷 function handleresize() { try { // $('.wap-search .list').height($('.header .wap-search').outerheight() - $('.wap-search .list').offset().top - 20) $('body').css('padding-top', $('.c-header:visible').outerheight()) } catch (error) { } } handleresize() $(window).resize(function(){ handleresize(); }) // pc头部搜索 // $('.c-header_pc .search .ipt').focus(function(){ // $('.c-header_pc .search-list').css('top', $('.c-header_pc').outerheight() - $('.c-header_pc .search').offset().top + $(document).scrolltop()) // }) // $(window).resize(function(){ // $('.c-header_pc .search-list').css('top', $('.c-header_pc').outerheight() - $('.c-header_pc .search').offset().top + $(document).scrolltop()) // }) // 移动端搜索 // $('.c-header_wap .rg .search-btn').on('click', function(){ // $('.header .wap-search').toggleclass('show') // $('.c-header_wap').toggleclass('open-search') // $('.wap-nav').removeclass('show') // $('.c-header_wap').removeclass('open-nav') // }) // 移动端导航打开关闭 // $('.c-header_wap .rg .nav-btn').on('click', function(){ // // $('.wap-nav').toggleclass('show') // // $('.c-header_wap').toggleclass('open-nav') // $('.c-header_wap').removeclass('open-search') // $('.header .wap-search').removeclass('show') // }) // 移动端查看二级导航 // $('.wap-nav .panel1 .li').on('click', function(e){ // if ($(this).find('.list2').length > 0) { // e.preventdefault() // $('.wap-nav .panel2 .list2').empty().append($(this).find('.list2 .li2').clone()) // $('.wap-nav').addclass('show-nav2') // } // }) // 移动端二级导航列表返回 // $('.wap-nav .panel2 .back').on('click', function(e){ // e.preventdefault() // $('.wap-nav').removeclass('show-nav2') // }) // $('.wap-nav .panel2').on('click', '.list2 .li2', function(){ // if ($('.c-header_wap').hasclass('open-nav')) { // $('.c-header_wap .nav-btn').trigger('click') // $('.wap-nav .panel2 .back').trigger('click') // } // }) $(document).on('click', function (e) { if (!$(e.target).is('.c-nav .more')) { $('.c-nav .more').removeclass('on') } // if ($(e.target).closest('.c-header .search').length == 0 && $(e.target).closest('.search-btn').length == 0) { // $('.c-header .search').removeclass('show') // } if ($(e.target).closest('.btn-wx').length == 0) { $('.btn-wx .pop').removeclass('on') } }) // 二级导航 $(document).on('click', '.md-subnav .mask', function(){ $('.md-subnav').removeclass('show') }) $(document).on('click', '.wap-submenu .menu', function(){ $('.md-subnav').addclass('show') }) aniscroll() $(document).scroll(aniscroll) // $(document).trigger('scroll') // $(document).on('click', aniscroll) }) // 动画 function aniscroll(){ // 动画 $('[data-ani]:not(.ani)').each(function(i, e){ if ($(e).offset().top - $(document).scrolltop() <= $(window).height() * 0.9) { $(e).addclass('ani') } }) // 懒加载 function isshow(el) { var pos = $(el).offset().top - $(document).scrolltop() var winh = $(window).height() // 上下各一屏的时候预加载 if (-winh < pos && pos < winh + winh) { return true } else { return false } } $('[data-original]:not(.loaded)').each(function(i, e) { var visible = false if ($(e).is(':hidden')) { if ($(e).parent().is(':visible')) { visible = isshow($(e).parent()) } } else { visible = isshow(e) } if (visible) { $(e).addclass('loaded') if ($(e).is('img')) { $(e).attr('src', $(e).data('original')).css('min-height', 'auto') } else { $(e).css('background-image', 'url('+ $(e).data('original') +')') } } }) } // 防抖 function debounce(func, wait) { var timeout; return function () { var context = this; var args = arguments; if (timeout) cleartimeout(timeout); timeout = settimeout(function () { func.apply(context, args) }, wait); } } function f_num(selector) { listen(); function listen() { $(selector).each(function (i, el) { if ($(el).data('done')) { return; } if ($(el).offset().top - $(document).scrolltop() < $(window).height()) { $(el).data('done', true); change(el) } }) } function change(el) { var value = $(el).data('num') if (value) { value = number(value); var valnow = 0; var timer = ''; var duration = 1000; var speed = 50; var num = math.floor(duration / speed); if (num > value) { num = value; } var add = parseint(value / num); var i = 0; timer = setinterval(function () { if (i == num) { $(el).html(value); clearinterval(timer) } else { valnow += add; $(el).html(valnow); i++; } }, speed) } } $(window).on('scroll', debounce(listen, 100)) // $(window).on('scroll', listen) } // 初始化swiper-slide,一列num个 function f_initslide(selector, num){ try{ num = number(num); if (num < 2){ return; } } catch(err){ return; } if (!selector) { return; } var classnum = 0; var count = 0; $(selector).each(function(i, e){ count++; if(count > num){ classnum++; count = 1; } $(e).addclass('col-' + classnum); }) for (var i = 0; i <= classnum; i++) { $(selector).parent().find('.col-' + i).wrapall($('
')) } }