(function($){
$.fn.numberRock=function(options){
var defaults={
lastNumber:100,
duration:3000,
easing:'swing' //swing(默认 : 缓冲 : 慢快慢) linear(匀速的)
};
var opts=$.extend({}, defaults, options);
$(this).animate({
num : "numberRock",
},{
duration : opts.duration,
easing : opts.easing,
complete : function(){
// console.log("success");
},
step : function(a,b){
$(this).html(parseInt(b.pos * opts.lastNumber));
}
});
}
})(jQuery);
$(document).ready(function(){
function loadVideo(){
if($(".indexShowVideo").length > 0){
var indexPlayer = videojs('indexVideo');
videojs("indexVideo").ready(function () {
var indexPlayer = this;
indexPlayer.play();
});
}
}
loadVideo();
// videoSize();
// scaleWindow();
indexFullPage();
indexBanner();
videoSwiper();
indexBannerSize();
noticeSlide();
groupSlide();
linkConWidth();
gtBrowser();
if($(".index-banner").length > 0){
var _src = $(".index-banner .swiper-slide-active").find("img").attr('src');
$(".left-nav").css({'background':'url('+_src+') no-repeat'})
function videoSize(){
// var winWidth = $(window).width()+200; //浏览器宽度
// var winHeight = $(window).height()+200; //浏览器高度
var _W = $(".indexShowVideo-con").find(".opcity").width()+100;
var _h = $(".indexShowVideo-con").find(".opcity").height()+100;
$(".indexShowVideo").find("video").css({'width':_W,'height':_h});
$("#indexVideo").css({'width':_W,'height':_h,'margin-top':-_h/2,'margin-left':-_W/2});
}
videoSize();
$(window).resize(function(){
videoSize();
})
}
if($(".videoCenter").length > 0){
var indexPlayer = videojs('video1');
videojs("video1").ready(function () {
var indexPlayer = this;
// this.play();
});
$(".v-wrap").click(function(){
$(".indexShowVideo").fadeOut();
})
}
});
$(window).resize(function(){
indexBannerSize();
linkConWidth();
});
//fullpage
function indexFullPage(){
$("#fullpage").fullpage({
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'fifthPage','sixPage','seventhPage','eighthPage'],
menu: '#menu',
scrollingSpeed:400,
navigation:true,
navigationPosition:'right',
css3:true,
fitToSection: true,
resize : false,
verticalCentered:false,
onLeave: function(anchorLink, index){
$(".nav-goTop .redLine").height(15*index+'px');
if(index === 1){
$(".nav-goTop .redLine").height(0);
$(".headerCon").addClass("animation");
$("#fullpage .section#section1").css('overflow','inherit')
}else if(index === 6){
var _txt1 = $(".counter1").attr('data-val');
var _txt2 = $(".counter2").attr('data-val');
var _txt3 = $(".counter3").attr('data-val');
var _txt4 = $(".counter4").attr('data-val');
var _txt5 = $(".counter5").attr('data-val');
$(".counter1").numberRock({
lastNumber:_txt1,
duration:2000,
easing:'swing',
});
$(".counter2").numberRock({
lastNumber:_txt2,
duration:2000,
easing:'swing',
});
$(".counter3").numberRock({
lastNumber:_txt3,
duration:2000,
easing:'swing',
});
$(".counter4").numberRock({
lastNumber:_txt4,
duration:2000,
easing:'swing',
});
$(".counter5").numberRock({
lastNumber:_txt5,
duration:2000,
easing:'swing',
});
}else{
$(".headerCon").removeClass("animation");
}
if(index>1){
$(".left-nav").addClass("fixed");
}else{
$(".left-nav").removeClass("fixed");
}
},
afterLoad: function(anchorLink, index){
if(index === 1){
$(".headerCon").addClass("animation");
}else{
$(".headerCon").removeClass("animation");
$("#fullpage .section#section1").css('overflow','hidden')
}
}
});
}
function num(){
$(".counter").each(function(){
$(this).prop('counter',0).animate({
Crs:$(this).text()
},{
duration:2000,
easing:'swing',
step:function(now){
console.log(now)
$(this).text(Math.ceil(now));
}
})
})
}
//首页banner
function indexBanner(){
if($(".index-banner").length > 0){
var swiper = new Swiper ('.index-banner .swiper-container', {
pagination: '.index-banner .pagination',
// nextButton: '.index-banner .arrow-right',
// prevButton: '.index-banner .arrow-left',
paginationClickable :true,
autoHeight: true,
autoplay:5000,
noSwiping : true,
speed:800,
autoplayDisableOnInteraction : false,
loop : true,
onSlideChangeStart: function(swiper){
var _src = $(".index-banner .swiper-slide-active").find("img").attr('src');
// $("body").css('background','rgba(0, 0, 0, 0.6)'+_src);
$(".left-nav").css('background','url('+_src+')')
}
})
$(".index-banner .pagination").find("span").each(function(){
var _index = $(this).index();
$(this).html(_index + 1)
})
$('.index-banner .arrow-left').on('click', function(e){
e.preventDefault()
swiper.swipePrev()
})
$('.index-banner .arrow-right').on('click', function(e){
e.preventDefault()
swiper.swipeNext()
})
}
}
function videoSwiper(){
if($(".videoCenter").length > 0){
// var swiperVideo = new Swiper ('.videoCenter .swiper-container', {
// pagination: '.videoCenter .pagination',
// paginationClickable :true,
// effect : 'cube',
// autoHeight: true,
// noSwiping : true,
// noSwipingClass : 'stop-swiping',
// speed:800,
// paginationBulletRender: function (swiper, index, className) {
// console.log(swiper)
// return '0' + (index + 1) + '';
// },
// onSlideChangeEnd:function(swiper){
// $(".videoCenter .swiper-slide").each(function(e){
// var v_len = $(this).find("video").length;
// for(var i = 0;iimg,.indexShowVideo-con>img"); //图片对象
var winWidth = $(window).width(); //浏览器宽度
var winHeight = $(window).height(); //浏览器高度
bannerImgObj.each(function(){
var _this = $(this);
//_this.css({"width":"100%","left":"50%"});
_this.css({"width":"100%"});
getImageSize(_this.attr("src"),function(w,h){
var ratio = w/h; //图片比例
var showH = winWidth/ratio; //图片显示高度
var newW; //新设置的图片宽度
if(showH < winHeight){ //图片显示高度小于窗口高度
newW = winHeight*ratio;
_this.css({"height":"100%","width":newW});
}else{
newW = winWidth;
_this.css({"width":"100%","height":"auto"});
}
//_this.css({"margin-left":"-"+newW/2+"px"});
})
});
}
//获取图片尺寸
function getImageSize(url,callback){
var img = new Image();
img.src = url;
// 如果图片被缓存,则直接返回缓存数据
if(img.complete){
callback(img.width, img.height);
}else{
// 完全加载完毕的事件
img.onload = function(){
callback(img.width, img.height);
}
}
}
function noticeSlide(){
$(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,vis:1});
}
function groupSlide(){
$(".picMarquee-left1,.picMarquee-left2").slide(
{
mainCell:".bd ul",
autoPlay:true,
effect:"leftMarquee",
easing:"swing",
vis:10,
interTime:30
}
);
$(".picMarquee-right1").slide(
{
mainCell:".bd ul",
autoPlay:true,
effect:"leftMarquee",
easing:"swing",
vis:10,
opp:true,
interTime:30
}
);
imgScroll.rolling({
name:'g1',
width:'293px',
height:'168px',
direction:'left',
speed:30,
addcss:true
});
// $(".tempWrap").each(function(){
// $(this).find("li").hover(function(){
// $(this).find("span").hide();
// $(this).find("img").css('z-index','9')
// },function(){
// $(this).find("span").show();
// $(this).find("img").css('z-index','0')
// })
// })
}
function linkConWidth(){
// var viewWidth=$(window).width();
$(".nav-link").on('mouseenter',function(){
var _width = $(".s1-con").width();
$(".link-slideCon-wrap").width(_width);
})
$(".nav-link").on('mouseleave',function(){
// var _width = $(".s1-con").width();
$(".link-slideCon-wrap").width(0);
})
}
function gtBrowser(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
if(isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if(fIEVersion == 7) {
console.log(fIEVersion)
} else if(fIEVersion == 8) {
console.log(fIEVersion)
} else if(fIEVersion == 9) {
console.log(fIEVersion)
} else if(fIEVersion == 10) {
console.log(fIEVersion)
} else {
console.log(fIEVersion)//IE版本<=7
}
} else if(isEdge) {
console.log(isEdge)//edge
} else if(isIE11) {
console.log(isIE11) //IE11
}else{
// videoSwiper();
// console.log("不是ie浏览器")//不是ie浏览器
}
}