var openurl =function (url) { window.location.href=url; var str=url; var num=str.indexOf('?'); str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ] var num1=str.indexOf('='); sid=str.substr(num1+1); $.ajax({ url:'../Index/saveList', dataType:'json', type:'post', data:'sid='+sid, }); } var openurl_blank =function (url) { window.open(url); } var opennews =function (id) { window.location.href='http://'+location.host+'/index.htmp/index/detail/index?id='+id; } var openywly =function (id) { window.location.href='http://'+location.host+'/index.htmp/index/detail/ywly?id='+id; } var opengoods =function (id) { window.location.href='http://'+location.host+'/index.htmp/index/goods/cpzx_detail?product_id='+id; } var downloadpdf =function(url,name){ var a = document.createElement("a"); a.download = name ; a.href = url; $("body").append(a); // 修复firefox中无法触发click a.click(); $(a).remove(); } document.write(''); function goTop(){ $("html,body").animate( {scrollTop: 0}, "slow", "swing"); } //导航栏动画 var animation_nav = function (scroll_top, window_top, befor_scroll_top,status = false) { if (scroll_top > 10||status) { $('.top-box').addClass('top-box__sticky') } else { $('.top-box').removeClass('top-box__sticky') } if (scroll_top<500){ // 二级页面顶部跟随页面滚动而变化 $('.section-title .title-bg').css('transform','scale('+((500+(scroll_top/2))/500)+')') } } //右侧浮动框动画 var animation_right = function (scroll_top, window_top, befor_scroll_top,status = false) { if (scroll_top > 1||status) { $('.right-box').css("opacity", 1); $('.right-box').css("margin-right", 10); } else { $('.right-box').css("opacity", 0); $('.right-box').css("margin-right", -80); } } //mgm美高梅线路视频滚动动画 var animation_prevue = function (scroll_top, window_top, befor_scroll_top) { if (scroll_top > befor_scroll_top && befor_scroll_top === 0) { $("html,body").animate( {scrollTop: $('#about').offset().top - 80}, "slow", "swing"); } } //mgm美高梅线路关于金川 var animation_about = function (scroll_top, window_top, befor_scroll_top) { let start_high = $('#about').offset().top - window_top * 0.8; let dom = $('.about-image')[0] let introducedom = $('.about-introduce').children('div'); dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.8s"; let diff = scroll_top - start_high introducedom.each((index, item) => { item.style.transitionTimingFunction = "ease-in"; item.style.transition = "all 0.8s"; }) if (diff < 0) { dom.style.transform = "translateX(-400px)"; dom.style.WebkitTransform = "translateX(-400px)"; dom.style.msTransform = "translateX(-400px)"; dom.style.boxShadow = "0px 0px 0 #bdc3cd"; dom.style.opacity = 0.1; introducedom.each((index, item) => { item.style.transform = "translateX(400px)"; item.style.WebkitTransform = "translateX(400px)"; item.style.msTransform = "translateX(400px)"; item.style.opacity = 0.1; }) } else if (diff >= 0 && diff < (window_top * 0.1)) { dom.style.transform = "translateX(-300px)"; dom.style.WebkitTransform = "translateX(-300px)"; dom.style.msTransform = "translateX(-300px)"; dom.style.boxShadow = "0px 0px 0 #bdc3cd"; dom.style.opacity = 0.3; introducedom.each((index, item) => { item.style.transform = "translateX(300px)"; item.style.WebkitTransform = "translateX(300px)"; item.style.msTransform = "translateX(300px)"; item.style.opacity = 0.3; }) } else if (diff >= (window_top * 0.1) && diff < (window_top * 0.2)) { dom.style.transform = "translateX(-200px)"; dom.style.WebkitTransform = "translateX(-200px)"; dom.style.msTransform = "translateX(-200px)"; dom.style.boxShadow = "0px 0px 0 #bdc3cd"; dom.style.opacity = 0.5; introducedom.each((index, item) => { item.style.transform = "translateX(200px)"; item.style.WebkitTransform = "translateX(200px)"; item.style.msTransform = "translateX(200px)"; item.style.opacity = 0.5; }) } else if (diff >= (window_top * 0.2) && diff < (window_top * 0.3)) { dom.style.transform = "translateX(-100px)"; dom.style.WebkitTransform = "translateX(-100px)"; dom.style.msTransform = "translateX(-100px)"; dom.style.boxShadow = "0px 0px 0 #bdc3cd"; dom.style.opacity = 0.7; introducedom.each((index, item) => { item.style.transform = "translateX(100px)"; item.style.WebkitTransform = "translateX(100px)"; item.style.msTransform = "translateX(100px)"; item.style.opacity = 0.7; }) } else if (diff >= (window_top * 0.3) && diff < (window_top * 0.4)) { dom.style.transform = "translateX(0px)"; dom.style.WebkitTransform = "translateX(0px)"; dom.style.msTransform = "translateX(0px)"; dom.style.opacity = 1; dom.style.boxShadow = "0px 0px 0 #bdc3cd"; introducedom.each((index, item) => { item.style.transform = "translateX(0px)"; item.style.WebkitTransform = "translateX(0px)"; item.style.msTransform = "translateX(0px)"; item.style.opacity = 1; }) } else if (diff >= (window_top * 0.4)) { dom.style.transform = "translateX(0px)"; dom.style.WebkitTransform = "translateX(0px)"; dom.style.msTransform = "translateX(0px)"; dom.style.opacity = 1; dom.style.boxShadow = "30px 30px 0 #bdc3cd"; introducedom.each((index, item) => { item.style.transform = "translateX(0px)"; item.style.WebkitTransform = "translateX(0px)"; item.style.msTransform = "translateX(0px)"; item.style.opacity = 1; }) } } //mgm美高梅线路金川数据 var animation_datum = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.datum-item') let x, y = 0 Array.from(domlist).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .65 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 250 * (tempheight / window_top) y = 1 + (tempheight / window_top) dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 0.6 - (tempheight / window_top); } else { x = 0 y = 1 dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 1; } }) } //mgm美高梅线路新闻资讯 var animation_news = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.news-card') let x, y = 0 Array.from(domlist).forEach(function (dom, index) { let tempheight = $(dom).offset().top - scroll_top - window_top * .65 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 500 * (tempheight / window_top) - index * 40 y = 1 + (tempheight / window_top) dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 0.55 - (tempheight / window_top); } else { x = -index * 40 y = 1 dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 1; } }) } //mgm美高梅线路社会责任 var animation_social = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.social-card') let x, y = 0 Array.from(domlist).forEach(function (dom, index) { let tempheight = $(dom).offset().top - scroll_top - window_top * .65 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 500 * (tempheight / window_top) - index * 40 y = 1 + (tempheight / window_top) dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 0.55 - (tempheight / window_top); } else { x = -index * 40 y = 1 dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 1; } }) } //市场研究动画 var animation_research = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.research-item') let x, y = 0 Array.from(domlist).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .6 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 250 * (tempheight / window_top) y = 1 + (tempheight / window_top) dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 0.6 - (tempheight / window_top); } else { x = 0 y = 1 dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 1; } }) } //业务领域动画 var animation_scope = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.scope-item') let x, y = 0 Array.from(domlist).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .6 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 250 * (tempheight / window_top) y = 1 + (tempheight / window_top) dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 0.6 - (tempheight / window_top); } else { x = 0 y = 1 dom.style.transform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.WebkitTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.msTransform = "translateY(" + x + "px) scale(" + y + ")"; dom.style.opacity = 1; } }) } //发展历程动画 var animation_history = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.h-l-item__content-box') let x, y = 0 Array.from(domlist).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .8 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 500 * (tempheight / window_top) y = 1 + (tempheight / window_top) dom.style.transform = "translateX(" + x + "px)"; dom.style.WebkitTransform = "translateX(" + x + "px)"; dom.style.msTransform = "translateX(" + x + "px)"; dom.style.opacity = 0.6 - (tempheight / window_top); } else { x = 0 y = 1 dom.style.transform = "translateX(" + x + "px)"; dom.style.WebkitTransform = "translateX(" + x + "px)"; dom.style.msTransform = "translateX(" + x + "px)"; dom.style.opacity = 1; } }) let domlist2 = $('.h-l-item__year') Array.from(domlist2).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .9 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { dom.style.opacity = 0.6 - (tempheight / window_top); } else { dom.style.opacity = 1; } }) } //奉献社会+价值创造 动画 var animation_fxsh = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.item-text>*') let x, y = 0 Array.from(domlist).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .8 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 250 * (tempheight / window_top) y = 1 + (tempheight / window_top) dom.style.transform = "translateY(" + x + "px)"; dom.style.WebkitTransform = "translateY(" + x + "px)"; dom.style.msTransform = "translateY(" + x + "px)"; dom.style.opacity = 0.6 - (tempheight / window_top); } else { x = 0 dom.style.transform = "translateY(" + x + "px)"; dom.style.WebkitTransform = "translateY(" + x + "px)"; dom.style.msTransform = "translateY(" + x + "px)"; dom.style.opacity = 1; } }) } //党建基本概况 动画 var animation_jbgk = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.slow-up>*') let x, y = 0 Array.from(domlist).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .8 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 250 * (tempheight / window_top) y = 1 + (tempheight / window_top) dom.style.transform = "translateY(" + x + "px)"; dom.style.WebkitTransform = "translateY(" + x + "px)"; dom.style.msTransform = "translateY(" + x + "px)"; dom.style.opacity = 0.6 - (tempheight / window_top); } else { x = 0 dom.style.transform = "translateY(" + x + "px)"; dom.style.WebkitTransform = "translateY(" + x + "px)"; dom.style.msTransform = "translateY(" + x + "px)"; dom.style.opacity = 1; } }) } //党建基本概况 动画 var animation_slow_up = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.slow-up>*') let x, y = 0 Array.from(domlist).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .8 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 250 * (tempheight / window_top) y = 1 + (tempheight / window_top) dom.style.transform = "translateY(" + x + "px)"; dom.style.WebkitTransform = "translateY(" + x + "px)"; dom.style.msTransform = "translateY(" + x + "px)"; dom.style.opacity = 0.6 - (tempheight / window_top); } else { x = 0 dom.style.transform = "translateY(" + x + "px)"; dom.style.WebkitTransform = "translateY(" + x + "px)"; dom.style.msTransform = "translateY(" + x + "px)"; dom.style.opacity = 1; } }) } //媒体中心 动画 var animation_media = function (scroll_top, window_top, befor_scroll_top) { let domlist = $('.media-list-content *') let x, y = 0 Array.from(domlist).forEach(function (dom) { let tempheight = $(dom).offset().top - scroll_top - window_top * .8 dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0.5s"; if (tempheight > 0 && tempheight <= window_top) { x = 250 * (tempheight / window_top) y = 1 + (tempheight / window_top) dom.style.transform = "translateX(" + x + "px)"; dom.style.WebkitTransform = "translateX(" + x + "px)"; dom.style.msTransform = "translateX(" + x + "px)"; dom.style.opacity = 0.6 - (tempheight / window_top); } else { x = 0 dom.style.transform = "translateX(" + x + "px)"; dom.style.WebkitTransform = "translateX(" + x + "px)"; dom.style.msTransform = "translateX(" + x + "px)"; dom.style.opacity = 1; } }) } //鼠标放上去之后文字变化 /** * 鼠标放到文字上之后,文字变化,仿宝武 * 说明:根据类的命名实现 * */ // 页面加载之后,先将text-spread类下的文字替换为ddd包裹的元素 $(".text-disperse").each((index, dom) => { let str = $(dom).html() textarr = str.split(""); let html = '' for (let t in textarr) { if (textarr[t]===' '){ html += '' + ' ' + '' }else { html += '' + textarr[t] + '' } } $(dom).html(html) }) //增加闪烁动画,鼠标移入之后根据分割的元素执行动画 $(".text-flashing").mouseenter(function () { let danceArr = $(this).find('ddd') let randomnum = Math.floor(Math.random() * 10) danceArr.each((index, dom) => { dom.style.transitionTimingFunction = "ease-in"; dom.style.transition = "all 0s"; dom.style.transform = "scale(1.1,1.1)"; dom.style.WebkitTransform = "scale(1.1,1.1)"; dom.style.msTransform = "scale(1.1,1.1)"; dom.style.color = "#066199"; dom.style.opacity = 1; setTimeout(function () { dom.style.transition = "all " + (5 - ((randomnum - index + 2) % 4)) * 0.2 + "s"; dom.style.transform = "scale(1,1)"; dom.style.WebkitTransform = "scale(1,1)"; dom.style.msTransform = "scale(1,1)"; dom.style.color = "unset"; dom.style.opacity = 1; }, 0) }) }); //增加降落动画,鼠标移入之后根据分割的元素执行动画 let complex_title_dom = $(".complex-title-01 span:first-child,.complex-title-02 span:first-child,.complex-title-03 span:first-child"); complex_title_dom.each((index, dom) => { let str = $(dom).html() textarr = str.split(""); let html = '' for (let t in textarr) { if (textarr[t]===' '){ html += '' + ' ' + '' }else { html += '' + textarr[t] + '' } } $(dom).html(html) }) complex_title_dom.mouseenter(function () { let danceArr = $(this).find('ddd') let randomnum = Math.floor(Math.random() * 10) danceArr.each((index, dom) => { dom.style.transitionTimingFunction = "ease-out"; dom.style.transition = "all 0s"; dom.style.transform = "translateY(-0.5em)"; dom.style.WebkitTransform = "translateY(-0.5em)"; dom.style.msTransform = "translateY(-0.5em)"; dom.style.color = "#066199"; dom.style.opacity = 1; setTimeout(function () { dom.style.transition = "all " + (0.5 + ((index + 1) % 2) * 0.3) + "s"; dom.style.transform = "translateY(0)"; dom.style.WebkitTransform = "translateY(0)"; dom.style.msTransform = "translateY(0)"; dom.style.color = "unset"; dom.style.opacity = 1; }, 0) }) }); //金川数据的数字增加 $('.datum-item').mouseenter(function (e) { let timer = 0 let temp = 0 let number = $(e.currentTarget).find('.data-item__number').attr('data-value') timer = setInterval(function () { if (temp < number) { temp += Math.ceil(number / 89) $(e.currentTarget).find('.data-item__number').html(toThousands(temp)) } else { $(e.currentTarget).find('.data-item__number').html(toThousands(number)) clearInterval(timer) } }, 3) $(this).css('transform','scale(1.1)') }) //金川数据的缩小 $('.datum-item').mouseleave(function (e) { $(this).css('transform','scale(1)') }) var toThousands = function (n) { return (n || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); } //图片跟随鼠标位置 $('.follow-mouse').mouseenter(function (e) { $(this).children('img').get(0).style.transition = "all 0.2s"; $(this).children('img').get(0).style.transform = "scale(1.1)"; $(this).children('img').get(0).style.WebkitTransform = "scale(1.1)"; $(this).children('img').get(0).style.msTransform = "scale(1.1)"; }) $('.follow-mouse').mouseleave(function (e) { $(this).children('img').get(0).style.transition = "all 0.4s"; $(this).children('img').get(0).style.transform = "scale(1)"; $(this).children('img').get(0).style.WebkitTransform = "scale(1)"; $(this).children('img').get(0).style.msTransform = "scale(1)"; }) $('.follow-mouse').mousemove(function (e) { let x_axis = (e.offsetX / $(this).width()) * 100 let y_axis = (e.offsetY / $(this).height()) * 100 $(this).children('img').get(0).style.transformOrigin = x_axis + '% ' + y_axis + '%'; $(this).children('img').get(0).style.msTransformOrigin = x_axis + '% ' + y_axis + '%'; $(this).children('img').get(0).style.webkitTransformOrigin = x_axis + '% ' + y_axis + '%'; $(this).children('img').get(0).style.MozTransformOrigin = x_axis + '% ' + y_axis + '%'; $(this).children('img').get(0).style.OTransformOrigin = x_axis + '% ' + y_axis + '%'; });