$(function () { // 返回顶部 头部阴影 $('.go_top').click(function () { $('html, body').stop(true, true).animate({ scrolltop: 0 }, 500); }); var windowt = $(window).scrolltop(); $(window).on('scroll', function () { windowt = $(window).scrolltop(); }) // 浏览器升级提示 if (navigator.appname == "microsoft internet explorer" && parseint(navigator.appversion.split(";")[1].replace(/[ ]/g, "").replace("msie", "")) < 10) { $('html, body').css({ 'height': '100%', 'overflow': 'hidden' }); $("#browser_mask").css('display', 'block'); $("#browser_hint").css('display', 'block'); } /* 取消冒泡 ie兼容 */ function fn(event) { var ev = window.event || event; if (ev && ev.stoppropagation) { ev.stoppropagation(); } else { ev.cancelbubble = true; } } /* 手机菜单 */ $(".header .mobile .head_top .iconfont").click(function () { if ($(this).hasclass("icon-caidan")) { $(".header .mobile .head_mask").stop(true, false).slidedown(); $(this).removeclass("icon-caidan").addclass("icon-x"); } else { $(".header .mobile .head_mask").slideup(); $(this).removeclass("icon-x").addclass("icon-caidan"); } }) $(".mobile_crumbs .crumbs_top").click(function () { if (!$(this).hasclass("active")) { $(".mobile_crumbs .crumbs_bottom").stop(true, false).slidedown(); $(this).addclass("active"); } else { $(".mobile_crumbs .crumbs_bottom").slideup(); $(this).removeclass("active"); } }) $(".header .pc .head_search .head_search_top").click(function () { if ($(this).hasclass("active")) { $(".header .pc .head_search .head_search_bottom").stop(true, false).slideup(); $(this).removeclass("active"); } else { $(".header .pc .head_search .head_search_bottom").slidedown(); $(this).addclass("active"); } }) // fadein动画 scrolltop('.animate_fadeleft200', 'fadeinleft200'); scrolltop('.animate_fadeleft150', 'fadeinleft150'); scrolltop('.animate_fadeleft100', 'fadeinleft100'); scrolltop('.animate_fadeleft80', 'fadeinleft80'); scrolltop('.animate_fadeleft50', 'fadeinleft50'); scrolltop('.animate_fadeleft30', 'fadeinleft30'); scrolltop('.animate_fadeleft20', 'fadeinleft20'); scrolltop('.animate_fadeleft10', 'fadeinleft10'); scrolltop('.animate_faderight200', 'fadeinright200'); scrolltop('.animate_faderight150', 'fadeinright150'); scrolltop('.animate_faderight100', 'fadeinright100'); scrolltop('.animate_faderight80', 'fadeinright80'); scrolltop('.animate_faderight50', 'fadeinright50'); scrolltop('.animate_faderight30', 'fadeinright30'); scrolltop('.animate_faderight20', 'fadeinright20'); scrolltop('.animate_faderight10', 'fadeinright10'); scrolltop('.animate_fadeup200', 'fadeinup200'); scrolltop('.animate_fadeup150', 'fadeinup150'); scrolltop('.animate_fadeup100', 'fadeinup100'); scrolltop('.animate_fadeup80', 'fadeinup80'); scrolltop('.animate_fadeup50', 'fadeinup50'); scrolltop('.animate_fadeup30', 'fadeinup30'); scrolltop('.animate_fadeup20', 'fadeinup20'); scrolltop('.animate_fadeup10', 'fadeinup10'); scrolltop('.animate_fadedown200', 'fadeindown200'); scrolltop('.animate_fadedown150', 'fadeindown150'); scrolltop('.animate_fadedown100', 'fadeindown100'); scrolltop('.animate_fadedown80', 'fadeindown80'); scrolltop('.animate_fadedown50', 'fadeindown50'); scrolltop('.animate_fadedown30', 'fadeindown30'); scrolltop('.animate_fadedown20', 'fadeindown20'); scrolltop('.animate_fadedown10', 'fadeindown10'); scrolltop('.animate_fadein', 'fadein'); }); /* 添加动画 */ function scrolltop(el, classn, callback) { var $el = $(el); var callbackflag = 0; var winw = $(window).width(); var space = 40; if (winw <= 768) { space = 20; } $el.each(function (i, ele) { var elh = math.ceil($(ele).offset().top) + space; var winh = $(window).height(); var winscr = $(window).scrolltop(); if (elh < winh + winscr) { $(ele).addclass(classn); if (callback && callbackflag == 0) { callback(); callbackflag++; } } $(window).scroll(function () { elh = math.ceil($(ele).offset().top) + space; winscr = $(window).scrolltop(); if (elh < winh + winscr) { $(ele).addclass(classn); if (callback && callbackflag == 0) { callback(); callbackflag++; } } /* ele.addeventlistener("webkitanimationend", function () { $(ele).removeclass(function (index, css) { return (css.match(/(^|\s)animate_\s+/g) || []).join(''); }); }) */ }) }) } // 切换当前状态 function switcheractive(el, container) { container.each(function (i, v) { $(v).removeclass('active'); }) el.addclass('active'); } /* 选项卡 */ // function tabcontrol(el, container, eventtype) { // el.each(function (i, v) { // $(v).on(eventtype, function () { // el.each(function (i, v) { // $(v).removeclass('active'); // }) // container.each(function (i, v) { // $(v).removeclass('active'); // }) // el.eq(i).addclass('active'); // container.eq(i).addclass('active'); // }) // }) // } /* 弹窗 */ // function popup(el, container) { // el.each(function (i, v) { // $(v).on('click', function (event) { // var ev = window.event || event; // if (ev && ev.stoppropagation) { // ev.stoppropagation(); // } else { // ev.cancelbubble = true; // } // container.fadein(300, function () { // container.addclass('active'); // }) // }) // }) // container.find('.close').each(function (i, el) { // $(el).on('click', function () { // container.fadein(150); // container.removeclass('active'); // }) // }) // container.on('click', function () { // container.fadein(150); // container.removeclass('active'); // }) // container.find('.center').on('click', function (event) { // var ev = window.event || event; // if (ev && ev.stoppropagation) { // ev.stoppropagation(); // } else { // ev.cancelbubble = true; // } // }) // } /* 文字随机变色 */ function txtrandom(txt, color1, color2) { mysplittext = new splittext(txt, { type: "chars" }); //{type:"chars,words,lines"}打散成字、词、行 chars = mysplittext.chars;//获取字 mysplittext.words获取词 mysplittext.lines获取行 /* 随机打乱 */ function shuffle(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { var index = parseint(math.random() * (len - i)); var temp = arr[index]; arr[index] = arr[len - i - 1]; arr[len - i - 1] = temp; } return arr; } chars = shuffle(chars); tweenmax.staggerfromto(chars, 0.1, { cycle: { //an array of values color: [color1] } }, { repeat: 1, yoyo: true, cycle: { //an array of values color: [color2] } }, 0.1); } function txtrandomup(txt, color1, color2, location, flag) { location = 10; mysplittext = new splittext(txt, { type: "chars" }); //{type:"chars,words,lines"}打散成字、词、行 chars = mysplittext.chars;//获取字 mysplittext.words获取词 mysplittext.lines获取行 if (flag) { /* 随机打乱 */ function shuffle(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { var index = parseint(math.random() * (len - i)); var temp = arr[index]; arr[index] = arr[len - i - 1]; arr[len - i - 1] = temp; } return arr; } chars = shuffle(chars); } tweenmax.staggerfromto(chars, 0.5, { cycle: { //an array of values overwrite: 3, color: [color1], y: function () { return 0; } } }, { cycle: { //an array of values overwrite: 3, color: [color2], //function that returns a value y: function () { return -10; } } }, 0.1); tweenmax.staggerfromto(chars, 0.5, { cycle: { //an array of values overwrite: 3, color: [color1], y: function () { return 10; } } }, { cycle: { //an array of values overwrite: 3, color: [color2], //function that returns a value y: function () { return 0; } } }, 0.1); }