// JavaScript Document var data={ win_w:$(window).width(), win_h:$(window).height(), Tpage:0, choosePage:null, isAni:false, isScoll:false, inputValue:'' }; var init=function(){ homeFn.swiper(); $("#rInput").bind("input propertychange",function(event){ $(this).attr("value",$(this).val()); data.inputValue=$(this).val() }); $("#rrInput").bind("input propertychange",function(event){ $(this).attr("value",$(this).val()); data.inputValue=$(this).val() }); $('.search-list .search-right').on('click',function(){ location.href="/search.html?keywords="+data.inputValue; }) $('.nav-sou button').on('click',function(){ location.href="/search.html?keywords="+data.inputValue; }) var body= $("html , body"), index=$('.pc-nav ul').data('on'), aboutIndex=$('.tab-xian .tab-top ').data('on'), partyIndex=$('.party-tablist .party-tab ').data('on'), companyIndex=$('.company-list .company-tab ').data('on'), newPartyIndex=$('.party-tab-list .party-tab ').data('on'); console.log(newPartyIndex) if(index>=0){ addon($('.pc-nav ul li').eq(index)); if(window.innerWidth>700&&index!=0){ scrolly.init({ wrapper: '#about', targets : '.scr-el', wrapperSpeed: 0.08 }); } if(index==0){ // 首页 console.log(11111111111) if(window.innerWidth>700){ scrolly.init({ wrapper: '#home', targets : '.scr-el', wrapperSpeed: 0.08 }); } var v1 = document.getElementById('v1'); var com = $('#component'); if(window.innerWidth<800){ var src = $('#v2').attr('data-url'); var player = new JSMpeg.Player(src, { canvas: document.getElementById('v2'), decodeFirstFrame: true, loop:false, onEnded:function () { com.attr('data-loop','true'); $('#fn3')[0].click(); }, onPlay:function () { com.attr('data-loop','false'); } }); player.play(); console.log(player); window.c_player = player; }else{ v1.addEventListener('ended', function(e) { com.attr('data-loop','true'); $('#fn3')[0].click(); }); v1.addEventListener('timeupdate', function(e) { com.attr('data-loop','false'); }); } $('body').running(); } if(index==1&&aboutIndex==0){ // 条件 addon($('.sc-main').eq(0)) $('.keji').on('click',function(){ $('.redHuan').css({'transform':'rotate(0deg)'}); $('.ss').removeClass('on'); $(this).addClass('on'); addon($('.sc-main').eq(0)) }) $('.huanb').on('click',function(){ $('.redHuan').css({'transform':'rotate(120deg)'}); $('.ss').removeClass('on'); $(this).addClass('on'); addon($('.sc-main').eq(1)) }) $('.safe').on('click',function(){ $('.redHuan').css({'transform':'rotate(240deg)'}); $('.ss').removeClass('on'); $(this).addClass('on'); addon($('.sc-main').eq(2)) }) $('.sc-main').on('click',function(){ addon($(this)) var index=$(this).index(); if(index==0){ $('.redHuan').css({'transform':'rotate(0deg)'}); $('.ss').removeClass('on'); $('.keji').addClass('on'); }else if(index==1){ $('.redHuan').css({'transform':'rotate(120deg)'}); $('.ss').removeClass('on'); $('.huanb').addClass('on'); }else{ $('.redHuan').css({'transform':'rotate(240deg)'}); $('.ss').removeClass('on'); $('.safe').addClass('on'); } }) $('body').running(); } if(partyIndex>=0){ // 产品 addon($('.party-tablist .party-tab .party-tab-main').eq(partyIndex)); body.animate({scrollTop:$('.party-tablist').offset().top-50},1000); switch (partyIndex) { case 0: break; case 1: new alan.scrollAnimate(); // 条件 var timer; var buildingTop ,powerTop , bridgeTop , otherTop; buildingTop=$('#k1-main').offset().top; powerTop=$('#k2-main').offset().top; bridgeTop=$('#k3-main').offset().top; otherTop=$('#k4-main').offset().top; $(window).mousewheel(function(event,dat){ // console.log(event); // console.log(dat); clearTimeout(timer); var _wTop = _winScroll = windowPos = $(window).scrollTop(); var flexTop=$('.products_succeed').offset().top; // console.log(_wTop) if(_wTop>50&&window.innerWidth>1024){ if(_wTop>flexTop){ timer = setTimeout(function(){ //向上滚时dat=1,向下滚dat=-1 if(dat==1) { // console.log(11111111) $('.flex-tab.on').stop().animate({marginTop:'-1.47rem'},300,function(){ $("header").stop().animate({marginTop:'0px'},100) }) } else { // console.log(2222222222) $("header").stop().animate({marginTop:'-80px'},100,function(){ $('.flex-tab.on').stop().animate({marginTop:'0'},500) }) } },200) // console.log(powerTop); // console.log(_wTop); if(buildingTop-305<_wTop&&_wTop1000){ $("header").stop().animate({marginTop:'-80px'},100,function(){ $('.flex-tab.on').stop().animate({marginTop:'0'},500) }) } }) break; case 2: if(data.win_w<800){ $(".party-tablist").animate({scrollLeft:$('#rr2').offset().left},1000); } break; case 3: if(data.win_w<800){ $(".party-tablist").animate({scrollLeft:$('#rr3').offset().left},1000); } break; case 4: if(data.win_w<800){ $(".party-tablist").animate({scrollLeft:$('#rr4').offset().left},1000); } break; } } //滚动到tab 企业简介 if(aboutIndex>=0){ //集团概括 addon($('.tab-xian .tab-top .top-main').eq(aboutIndex)); body.animate({scrollTop:$('.tab-list').offset().top-50},1000); if(aboutIndex==2){ //荣誉资质 if(data.win_w<800){ $(".tab-top").animate({scrollLeft:$('#r2').offset().left-50},1000); var swiper = new Swiper('.swiper-container', { effect: 'coverflow', grabCursor: true, centeredSlides: true, initialSlide:0, slidesPerView: 'auto', coverflowEffect: { rotate: 60, stretch: -80, depth: 300, modifier: 1, slideShadows : true, }, pagination: { el: '.swiper-pagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '' + ' / ' + ''; }, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); }else{ var swiper = new Swiper('.swiper-container', { effect: 'coverflow', grabCursor: true, centeredSlides: true, initialSlide:1, slidesPerView: 'auto', coverflowEffect: { rotate: 60, stretch: -80, depth: 300, modifier: 1, slideShadows : true, }, pagination: { el: '.swiper-pagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '' + ' / ' + ''; }, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); } } if(3==aboutIndex){ //发展历程 if(data.win_w>800){ new CusScrollBar({ contentSelector: '.scroll_cont', //滚动内容区 barSelector: '.scroll_bar', //滚动条 sliderSelector: '.scroll_slider' //滚动滑块 }); }else{ $(".tab-top").animate({scrollLeft:$('#r3').offset().left},1000); var myTest = new DScroll(".history-right",{ scrollBar: true, }); myTest.on("scrolling",function () { }); } } if(aboutIndex==4&&data.win_w<800){ //组织框架 $('.frame-list').each(function () { new RTP.PinchZoom($(this), {}); }); } if(5==aboutIndex){ //领导关怀 if(data.win_w<800){ $(".tab-top").animate({scrollLeft:$('#r5').offset().left},1000); }else{ } $('.leader .leader-right .more a').on('click',function(e){ var mores=$('.leader-right .text .mores'); if(mores.is(':hidden')){ mores.slideDown(); $(this).text('收回') }else{ mores.slideUp(); $(this).text('加载更多') } }) } if(6==aboutIndex){ //宣传片 if(data.win_w<800){ $(".tab-top").animate({scrollLeft:$('#r6').offset().left},1000); } $('.swiper-item li').on('click', function(e){ $(this).find('.pic').hide(); $(this).find('.pic_video').fadeIn().trigger('play'); }) var swiper = function () { var loop = function (opts) { var parent = opts.parent, prev = opts.prev, next = opts.next, box = parent.find('.roll-box'), msg = opts.msg, item = box.find('.swiper-item'), cur = 0, num = opts.num, isAni = false, list = item.find('li'), wid = list.eq(0).width(), length = list.length - 1; prev.on('click',function () { swiper_go(cur,'prev'); }); next.on('click',function () { swiper_go(cur,'next'); }); list.on('click',function () { var num = parseInt($(this).attr('data-roll')); if(isAni) return false; isAni = true; list.eq(num).addClass('on').siblings().removeClass('on'); msg.eq(num).addClass('on').siblings('.new-msg').removeClass('on'); setTimeout(function () { isAni = false; },400); }); if(!data.isPc){ var right = function(){ prev[0].click(); }; var left = function(){ next[0].click(); }; window.base.touchMove(box,left,right); } function swiper_go(index,type) { if(isAni) return false; isAni = true; var left = 0; if(type == 'prev'){ var cur_list = item.find('li').eq(length); cur = index>0 ? (index-1) : length; item.css("left",-wid); item.prepend(cur_list); item.animate({ left:0 },450); } if(type == 'next'){ var cur_list = list.eq(cur); cur = index=0){ //企业文化 addon($('.company-list .company-tab .company-main').eq(companyIndex)); switch (companyIndex) { case 0: break; case 1: //绿色广场 $('.company-list .company-tab .company-main').eq(companyIndex).prev().find('.after').hide(); var length=$('.msg .new-msg').length; if(length>0){ for(var i=0;i') } $('.d-list .dian:first').addClass('on'); } $('.pages .num').text('0'+length); var swiper = function () { var loop = function (opts) { var parent = opts.parent, prev = opts.prev, next = opts.next, box = parent.find('.roll-box'), msg = opts.msg, item = box.find('.swiper-item'), cur = 0, num = opts.num, isAni = false, list = item.find('li'), wid = list.eq(0).width(), length = list.length - 1; prev.on('click',function () { swiper_go(cur,'prev'); }); next.on('click',function () { swiper_go(cur,'next'); }); list.on('click',function () { var num = parseInt($(this).attr('data-roll')); if(isAni) return false; isAni = true; list.eq(num).addClass('on').siblings().removeClass('on'); msg.eq(num).addClass('on').siblings('.new-msg').removeClass('on'); setTimeout(function () { isAni = false; },600); }); if(!data.isPc){ var right = function(){ prev[0].click(); }; var left = function(){ next[0].click(); }; window.base.touchMove(box,left,right); } function swiper_go(index,type) { if(isAni) return false; isAni = true; var left = 0; if(type == 'prev'){ var cur_list = item.find('li').eq(length); cur = index>0 ? (index-1) : length; item.css("left",-wid); item.prepend(cur_list); item.animate({ left:0 },450); } if(type == 'next'){ var cur_list = list.eq(cur); cur = index' +"0"+ (index + 1) + ''+title+''; }, }, onSlideChangeStart: function(swiper){ alert(swiper.activeIndex); }, thumbs: { swiper: galleryThumbs } }); break; } } } if(index==4&&newPartyIndex>=0){ addon($('.party-tab-list .party-tab .party-tab-main').eq(newPartyIndex)); body.animate({scrollTop:$('.party-tab-list').offset().top-50},1000); } if($('.news-list').length>0){ body.animate({scrollTop:$('.news-list').offset().top-50},1000); } if($('.news-details').length>0){ body.animate({scrollTop:$('.news-details').offset().top-50},1000); } } if(data.win_w>800){ setTimeout(function () { $(".pc-nav").lavaLamp({ fx: "swing", speed: 500 }); },300); } }; $(document).ready(function(){ new alan.scrollAnimate(); init(); $('.app-nav').on('click',function(e){ data.isScoll=!data.isScoll; $(this).toggleClass('on'); if(data.isScoll){ $('body').css('overflowY','hidden'); }else{ $('body').css('overflowY','auto'); } }) $('.app-nav .alan.child-Down').on('click',function(e){ stopping(e) $(this).find('.child-nav').slideToggle() }) $('.nav-sou .sou-input').focus(function(){ $(".nav-sou").addClass('on'); }).blur(function(){ $(".nav-sou").removeClass('on'); }); $('#toTop').on('click',function(){ ToTop(); }) $('.footer-left .order-one a').on('click',function(){ $('.fa-kuang').fadeIn(); var myText = new DScroll(".kuang-main",{ scrollBar: true, }); myText.on("scrolling",function () { }); }) $('.fa-kuang .close').on('click',function(){ $('.fa-kuang').fadeOut(); }) $('.fa-kuang .app-close').on('click',function(){ $('.fa-kuang').fadeOut(); }) }); $(window).bind("scroll",function(){ var _wTop = _winScroll = windowPos = $(window).scrollTop(); if(_wTop>50&&window.innerWidth>1024){ $("header").addClass("on"); }else{ $("header").removeClass("on"); } if(_wTop>1000&&window.innerWidth>1024){ $("#toTop").fadeIn(); }else{ $("#toTop").fadeOut(); } // _delayTop = _wTop; }); var roll=0; var homeFn={ swiper : function () { var loop = function (opts) { var parent = opts.parent, prev = opts.prev, next = opts.next, box = parent.find('.roll-box'), msg = opts.msg, item = box.find('.swiper-item'), cur = 0, num = parent.find('.sum'), isAni = false, list = item.find('li'), wid = list.eq(0).width() + 32, length = list.length - 1; prev.on('click',function () { swiper_go(cur,'prev'); }); next.on('click',function () { swiper_go(cur,'next'); }); list.on('click',function () { var num = parseInt($(this).attr('data-roll')); var oldroll=roll; console.log(num); console.log(oldroll); roll = parseInt($(this).attr('data-roll')); if(roll-oldroll>0){ swiper_go(cur,'next'); }else{ swiper_go(cur,'prev'); } if(isAni) return false; isAni = true; list.eq(num).addClass('on').siblings().removeClass('on'); msg.eq(num).addClass('on').siblings('.new-msg').removeClass('on'); setTimeout(function () { isAni = false; },600); }); if(!data.isPc){ var right = function(){ prev[0].click(); }; var left = function(){ next[0].click(); }; window.base.touchMove(box,left,right); } function swiper_go(index,type) { if(isAni) return false; isAni = true; var left = 0; if(type == 'prev'){ var cur_list = item.find('li').eq(length); cur = index>0 ? (index-1) : length; item.css("left",-wid); item.prepend(cur_list); item.animate({ left:0 },450); } if(type == 'next'){ var cur_list = list.eq(cur); cur = index 0 ? cur - 1 : len - 1; change(); } function _prev() { that = cur; cur = cur < len - 1 ? cur + 1 : 0; change(); } function change() { clearTimeout(timer); o.find(_setting.items).each(function () { var _this = $(this); _this.children().eq(cur).addClass('on').siblings().removeClass('on'); _tab.eq(cur).addClass('on').siblings().removeClass('on'); }); goloop(); } function goloop() { timer=setTimeout(function () { if(_setting.loop){ _prev(); }else{ goloop(); } },_setting.time); } goloop(); _setting.callback(); }; var box = $('#fn1'); box.tier({ items:'._items', tab:'.tree', prev:'.r-prev', next:'.r-next' }); function addon(el) { el.addClass('on').siblings().removeClass('on'); } function scrollTop(e){ $("html,body").animate({scrollTop:$('#k'+e+'-main').offset().top-(80)},1000); } function ToTop() { $("html,body").animate({scrollTop:0},1000); } function stopping(e){ if ( e && e.stopPropagation ){ //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); }else{ //否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } // event.stopPropagation(); //1.停止事件冒泡,但是不会阻止默认行为 // // return false; // 2.阻止事件冒泡,也阻止了默认行为 // // event.preventDefault(); // 3.阻止默认行为,不阻止事件冒泡 }