// 当 dom加载完毕且页面完全加载(不包括图像)时发生 ready 事件。 $(document).ready(function(){ /* ========== 首页start ========== */ //导航start $(".menu").menu({ type: 1, height: "3px", background:"#2d72d2", time:300, startfun:function(i,c){ if(c!=null) { c.find(".ej").slidedown(function(){ var warr=[] $(this).find("li").each(function(){ if($(this).find(".sj").length>0){ warr.push($(this).find(".sj").width()) } }) var maxwarr=maxnum(warr) if(maxwarr+c.width()+c.position().left>c.closest(".menudl").width()){ $(this).find(".sj").addclass("right") }else{ $(this).find(".sj").addclass("left") } }) } }, endfun:function(i,c){ if(c!=null){ c.find(".ej").slideup() } } }) //导航end //头部搜索 start $(".topsearch").click(function(){ $(".model").addclass("show") settimeout(function(){ $(".searchpwbox").addclass("fadeindown") $(".model span").addclass("fadeindown") },800) }) $(".model span").click(function(){ $(".model").removeclass("show") $(".searchpwbox").removeclass("fadeindown") $(".model span").removeclass("fadeindown") }) //头部搜索 end //bannerimg start var element = $('.indexbanner .dot').find("span"); function animatewidth() { // 设置元素的初始宽度为零 element.width(0); // 使用animate()方法将元素的宽度从零到100%过渡 element.animate({ width: '100%' }, 8000,"linear"); } $('.indexbanner .bd').on('init', function(event, slick){ animatewidth(); var slide=slick.$slides.eq(slick.currentslide).find(".img1 img") var slide2=slick.$slides.eq(slick.currentslide).find(".img2 img") slick.$slides.eq(slick.currentslide).addclass("on") settimeout(function(){slide.addclass("show fadeinup");slide2.addclass("show zoomin")},1300) }); $('.indexbanner .bd').on('beforechange', function(event, slick, currentslide, nextslide){ element.stop(); element.width(0); // 重新执行动画 element.animate({ width: '100%' }, 9500,"linear"); var lastslide=slick.$slides.eq(currentslide).find(".img1 img") var lastslide2=slick.$slides.eq(currentslide).find(".img2 img") slick.$slides.eq(nextslide).addclass("on").siblings().removeclass("on") lastslide.removeclass("fadeinup").addclass("fadeoutup") lastslide2.removeclass("zoomin").addclass("rollout") settimeout(function(){lastslide.removeclass("show fadeoutup");lastslide2.removeclass("show rollout")},1300) }); $('.indexbanner .bd').on('afterchange', function(event, slick, currentslide){ slick.$slides.eq(currentslide).find(".img1 img").addclass("show fadeinup") slick.$slides.eq(currentslide).find(".img2 img").addclass("show zoomin") }); $(".indexbanner .bd").slick({ infinite: true, slidestoshow: 1, initialslide:0, slidestoscroll: 1, touchmove:false, dots:true, fade:true, autoplay: true, autoplayspeed: 5000, speed:500, pauseonfocus:false, pauseondotshover:false, pauseonhover:false, custompaging: function(slider, i) { return ""; }, }); //bannerimg end //三级导航 function handleclick(event) { event.preventdefault(); // 其他操作... } $(".sjmenu a").each(function(){ $(this).click(function(){ handleclick() $(this).addclass("hover").siblings().removeclass("hover") }) }) //column2 start var bg1swiper = new swiper('.bg1swiper',{ onlyexternal : true, speed:500, autoplay:false, onfirstinit:function(swiper){ $(".bg1swiper .swiper-slide").eq(0).addclass(".swiper-slide-active") }, }); $(".column2list dd").hover(function(e){ e.preventdefault() bg1swiper.slideto($(this).index()); }) //column2 end //column3 start var column3swiper = new swiper('.column3swiper', { slidesperview:2, spacebetween:30, centeredslides: true, loop: true, navigation: { nextel: ".column3next", }, }); //column3 end //column4 start var column4swiperl = new swiper('.column4swiperl', { slidesperview:1, loop: true, pagination: { el: '.column4dotc .dot', clickable: true }, on: { transitionstart: function(){ var slidestitle = $(this.slides).eq(this.activeindex).find(".html").html() $(".column4swiperl .text").html(slidestitle) }, }, }); var column4swiperr = new swiper('.column4swiperr', { slidesperview:2, spacebetween: 30, loop: true, }); $('.column4prev').on('click', function(e){ e.preventdefault(); column4swiperl.slideprev(); column4swiperr.slideprev(); }); $('.column4next').on('click', function(e){ e.preventdefault(); column4swiperl.slidenext(); column4swiperr.slidenext(); }); //column4 end /* ========== 首页end ========== */ /* ========== 频道页start ========== */ //嘉和文化 start $(".culturec3scroll .bd").slick({ infinite: true, slidestoshow: 1, slidestoscroll: 1, touchmove:false, dots:true, fade:false, autoplay: true, autoplayspeed: 3000, speed:500, }); //嘉和文化 end /* ========== 频道页end ========== */ /* ========== 内页start ========== */ //subbanner start $(".subbanner").addclass("on") //subbanner end //subnav start $(".subnav").menu({ type:1, height:80,//滑块高度 background:"#2d72d2",//滑块背景色 bottom:0,//滑块距离导航底部距离 animateease:"easeoutbounce",//滑块的运动轨迹 time:800,//滑块的运动时间 zindex:-1,//滑块的层级 margin:15,//滑块左右间距 }); //subnav end // ========== list start //aosdelay(".imglist1",3,1) //资质荣誉start // $('.hornorlist1').viewer(); //资质荣誉start //图片处理end //招聘列表start $(".recruitlist2 dd").each(function(){ $(this).find(".recruitt").click(function(){ if($(this).parent().hasclass("active")){ $(this).parent().removeclass("active") $(this).siblings().stop(true,true).slideup() }else{ $(this).parent().addclass("active") $(this).siblings().stop(true,true).slidedown() $(this).parent().siblings().removeclass("active") $(this).parent().siblings().find(".recruitc").slideup() } }) }) //招聘列表end // ========== list end // ========== 表单 start $('.aykj_beautify_input').cssselect(); $("body").on("onselectf",".aykj_beautify_input",function(event,a,b){ // console.log(a,b) var url=b.find("option").eq(a).data("href") window.open(url) }) $('.aykj_beautify_radio').cssradio(); $('.aykj_beautify_checkbox').csscheckbox(); // ========== 表单 end // ========== 文章 start //分享start var share=new sharejs({ dom:'.sharebox',/* 分享触发元素 */ sites: ['wechat','sinaweibo', 'txqq'],/* 自定义分享平台 */ }) //分享end //视频start if($(".artvideo").length>0){ var _thisvideo=$(".artvideo") var _thisvideourl=_thisvideo.data("url") var _thisimgurl=_thisvideo.data("img") var videoobject = { container: '.artvideo', //视频容器 poster:_thisimgurl,//封面图片 menu:[ { title:'aykj', link:'http://www.aykj.net' }, ], video:_thisvideourl//视频地址 }; var player=new ckplayer(videoobject)//调用播放器并赋值给变量player } //视频end $(".articlebox img").each(function(){ $(this).parent("p").css({lineheight:0,fontsize:0}) }) // ========== 文章 end tablist('.optionbtn ', '.optioncon',"", "click" ) //imgtext1 $(".imgtext1scroll .bd").slick({ infinite: true, slidestoshow: 6, slidestoscroll: 1, touchmove:false, dots:true, fade:false, autoplay: true, autoplayspeed: 3000, speed:500, }); //产品详情 $(".produceviewscroll .bd").slick({ infinite: true, slidestoshow: 1 , slidestoscroll: 1, touchmove:false, dots:true, fade:false, autoplay: true, autoplayspeed: 3000, speed:500, }); /* ========== 内页end ========== */ /*发展历程 start*/ $('.historyscroll .bd').on('init', function (event, slick, currentslide, nextslide) { $(".historyscroll .myslide").eq(5).addclass("slide6"); }) $('.historyscroll .bd').on('beforechange', function (event, slick, currentslide, nextslide) { $(".historyscroll .myslide.slick-active").removeclass("slide1 slide2 slide3 slide4 slide5"); settimeout(function () { $(".historyscroll .myslide.slick-active").eq(0).addclass("slide1"); $(".historyscroll .myslide.slick-active").eq(1).addclass("slide2"); $(".historyscroll .myslide.slick-active").eq(2).addclass("slide3"); $(".historyscroll .myslide.slick-active").eq(3).addclass("slide4"); $(".historyscroll .myslide.slick-active").eq(4).addclass("slide5"); $(".historyscroll .myslide").eq(5).addclass("slide6"); },100); }); $(function(){ $(".historyscroll .myslide.slick-active").eq(0).addclass("slide1"); $(".historyscroll .myslide.slick-active").eq(1).addclass("slide2"); $(".historyscroll .myslide.slick-active").eq(2).addclass("slide3"); $(".historyscroll .myslide.slick-active").eq(3).addclass("slide4"); $(".historyscroll .myslide.slick-active").eq(4).addclass("slide5"); $(".historyscroll .myslidee").eq(5).addclass("slide6"); }); $('.historyscroll .bd').slick({ infinite: false,//循环播放 autoplay: false, autoplayspeed: 5000, speed: 1000, arrows:true,//左右箭头 slidestoshow: 5, slidestoscroll:5, dots: true, touchmove:false, draggable:false, appendarrows:$(".historybtn"), }); /*发展历程 end*/ });