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 + '%';
});