// 当 dom加载完毕且页面完全加载(不包括图像)时发生 ready 事件。 $(document).ready(function(){ /* ========== 首页start ========== */ //导航start var dd = $(".menu dd"),ddhover,ddwidth,ddleft,wrapwidth;//定义变量 wrapwidth = $(".menu").width() dd.each(function(){//each遍历每个dd if($(this).hasclass("hover")){//判断哪个dd有hover执行 ddhover = $(this)//ddhover赋值当前有hover的dd ddwidth = $(this).width()//赋值ddhover的宽 ddleft = $(this).position().left//赋值ddhover距离左侧的位置 $(".menu dt.icn").css({width:ddwidth,left:ddleft})//将拿到的样式赋值给滑块 } }) dd.hover(function(){//dd鼠标进入事件 $(this).addclass("hover")//给当前这个dd加hover $(this).siblings().removeclass("hover")//给除它所有的同级dd移除hover $(".menu dt.icn").css({width:$(this).width(),left:$(this).position().left})//赋值滑块样式 var ejwidth=$(this).children(".ej").width(); //声明二级栏目的宽度 var ejleft=$(this).position().left //声明当前二级栏目距离左边的距离 var ejright=wrapwidth-ejleft-$(this).width() //声明当前二级栏目距离右边的距离 console.log(ejwidth,ejleft,ejright,wrapwidth) //判断二级栏目的排放规则 if(ejwidth+ejleft>wrapwidth&&ejright+ejwidthwrapwidth&&ejright+ejwidth>wrapwidth){//放不下的时候,二级栏目居中对齐 $(this).children(".ej").css({left:"50%",transform:"translatex(-50%)"}) }else{//其他情况向右排列 $(this).children(".ej").css("left","30px") } //二级栏目 if($(this).children(".ej").children().length>0){//判断存不存在二级,然后执行下拉背景以及二级展示 //加动画 $(this).children(".ej").children().each(function(i){ $(this).css({ animationdelay:i*.1+"s" }) }) $(".menubox .bg").css("height","60px") $(this).children(".ej").addclass("open") $(this).siblings().children(".ej").removeclass("open"); $(this).children(".ej").children().addclass("fadeindown animated") }else{ $(".menubox .bg").css("height","0") $(".menu").find(".ej").children().removeclass("fadeindown animated")//去除动画 $(".menu").find(".ej").removeclass("open"); } },function(){ dd.removeclass("hover")//给当前这个dd移除hover dd.find(".ej").children().removeclass("fadeindown animated")//去除动画 dd.find(".ej").removeclass("open");//默认ddhover加hover }) dd.parent().mouseleave(function(){ ddhover.addclass("hover").removeclass("active").siblings().removeclass("hover"); //样式回到原点 $(".menubox .bg").css("height","0") $(".menu dt.icn").css({width:ddwidth,left:ddleft})//滑块回到原点 }) //导航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 banner() //bannerimg start function returnnum(current){ let num=0; if(current<10){ num='0'+current }else{ num=current } return num } $('.indexbanner .bd').on('init', function(event, slick){ 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){ 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("fadeoutdown") lastslide2.removeclass("zoomin").addclass("rollout") settimeout(function(){lastslide.removeclass("show fadeoutdown");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, // arrows:true, autoplayspeed: 8000, speed:1500, pauseonfocus:false, pauseondotshover:false, pauseonhover:false, custompaging: function(slider, i) { return $('').text(returnnum(i + 1)); }, // draggable:true }); //bannerimg end $(".column6scroll .bd").slick({ autoplay:false, slidestoshow: 3,//显示 slidestoscroll:1,//切换 dots: true, fade:false, infinite:false,//关闭无限循环滚动 }) $(".column7scroll .bd").slick({ autoplay:false, slidestoshow: 1,//显示 slidestoscroll:1,//切换 dots: true, fade:false, infinite:false,//关闭无限循环滚动 }) $(".subsidiaryscroll .bd").slick({ autoplay:false, slidestoshow: 4,//显示 slidestoscroll:1,//切换 dots: true, fade:false, infinite:false,//关闭无限循环滚动 }) /* ========== 首页end ========== */ $(".column5clist dd").each(function(){ $(this).mouseenter(function(){ $(this).addclass("active").siblings().removeclass("active") var index = $(this).index() console.log(index); $(".column5lscroll .bd").slick("slickgoto",index) $(".column5rscroll .bd").slick("slickgoto",index) }) }) /* ========== 频道页start ========== */ /* ========== 频道页end ========== */ /* ========== 内页start ========== */ //subbanner start $(".subbanner").addclass("on") //subbanner end //subnav start $(".subnav").menu({ type:1, height:3,//滑块高度 background:"#b17e42",//滑块背景色 bottom:0,//滑块距离导航底部距离 animateease:"easeoutbounce",//滑块的运动轨迹 time:800,//滑块的运动时间 zindex:-1,//滑块的层级 margin:15,//滑块左右间距 }); //subnav end //首页第四通栏手风琴start $(".column4list dd").hover(function(){ //鼠标移入 $(this).addclass("hover").siblings().removeclass("hover") },function(){}) //首页第四通栏手风琴end $(".productview1scroll .bd").slick({ infinite: false, slidestoshow: 3, initialslide:0, vertical:true, verticalswiping:true, slidestoscroll: 1, touchmove:false, dots:false, //fade:true, autoplay: false, // arrows:true, autoplayspeed: 3000, speed:800, focusonselect: true, asnavfor: '.productview2scroll .bd', // appendarrows: $(".column1operate"), // draggable:true }); $(".jqzoom").imagezoom(); $(".productview2scroll .bd").slick({ autoplay:false, slidestoshow: 1,//显示 slidestoscroll:1,//切换 dots: false, draggable:false, fade:true, infinite:false,//关闭无限循环滚动 asnavfor: '.productview1scroll .bd' }) $(".productviewc3scroll .bd").slick({ autoplay:false, slidestoshow: 4,//显示 slidestoscroll:1,//切换 dots: true, fade:false, infinite:false,//关闭无限循环滚动 }) // ========== list start //aosdelay(".imglist1",3,1) //资质荣誉start $('.researchlist').viewer(); $('.subsidiarybox .picc').viewer(); $('.subsidiaryscroll .bd').viewer(); $('.honorlist').viewer(); $('.textbox .picc').viewer(); $('.aboutusscroll .bd').viewer(); tablist(".investorc1cmenu", ".investorc1ctab", "", "click") //资质荣誉start //招聘列表start $(".recruitlist dd").each(function(){ $(this).find(".btnitem2").click(function(){ if($(this).parents("dd").hasclass("active")){ $(this).parents("dd").removeclass("active") $(this).parents(".recruitlistup").siblings().stop(true,true).slideup() }else{ $(this).parents("dd").addclass("active") $(this).parents(".recruitlistup").siblings().stop(true,true).slidedown() $(this).parents("dd").siblings().removeclass("active") $(this).parents("dd").siblings().find(".recruitlistdown").slideup() } }) }) //招聘列表end //公司简介轮播轮播start culturec4scroll = new swiper('.culturec4scroll .bd', { watchslidesprogress: true, slidesperview: 'auto', centeredslides: true, loop: true, loopedslides: 5, autoplay: true, navigation: { nextel: '.culturec4next', prevel: '.culturec4prev', }, on: { progress: function(progress) { for (i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i); var slideprogress = this.slides[i].progress; // console.log(slideprogress) modify = 1; if (math.abs(slideprogress) > 1) { modify = (math.abs(slideprogress) - 1) * 0.35 + 1; } translate = slideprogress * modify * 230 + 'px'; console.log(modify,slideprogress,translate); scale = 1 - math.abs(slideprogress) / 5; zindex = 999 - math.abs(math.round(10 * slideprogress)); slide.transform('translatex(' + translate + ') scale(' + scale + ')'); slide.css('zindex', zindex); slide.css('opacity', 1); if (math.abs(slideprogress) > 3) { slide.css('opacity', 0); } } }, settransition: function(transition) { for (var i = 0; i < this.slides.length; i++) { var slide = this.slides.eq(i) slide.transition(transition); } } } }) //公司简介轮播end $(".gbtanchuan").click(function(){ $(this).parent().removeclass("active") $(this).parent().siblings(".bodybg").removeclass("active") }) $(".aboutusviewboxcr .btn a").click(function(){ $(".tanchuanbox").addclass("active") $(".bodybg").addclass("active") }) // ========== list end // ========== 表单 start $('.aykj_beautify_input').cssselect(); $('.aykj_beautify_radio').cssradio(); $('.aykj_beautify_checkbox').csscheckbox(); // ========== 表单 end // ========== 文章 start //分享start var meshare=new sharefun({ dom:".sharebox", sites: ['qq', 'wechat', 'weibo'], //配置想要的分享 copylink: false, //复制链接 }); //分享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}) }) // 返回顶部satrt $(".returntop").click(function(){ $("body,html").animate({ scrolltop:0 },800) }) // var windowh = $(window).height() // $(document).scroll(function(){ // if($(this).scrolltop()>windowh/2){ // $(".returntop").addclass("active") // }else{ // $(".returntop").removeclass("active") // } // }) // 返回顶部end /* ========== 频道页start ========== */ // 企业文化 start var ddheight=$(".open").siblings(".cpcolunm2imglist").find("dd").outerheight(true) var _length= $(".cpcolunm2imglist dd").length var count = math.ceil(_length/3) $(".cpcolunm2imglist").css({height:ddheight*2-1,overflow:"hidden"}) $(".open").click(function(){ if($(this).hasclass("active")){ $(this).text("展开") $(this).siblings(".cpcolunm2imglist").css("height",ddheight*2-1) $(this).removeclass("active") }else{ $(this).text("收起") $(this).addclass("active") $(this).siblings(".cpcolunm2imglist").css("height",ddheight*count) } }) if(_length<7){ $(".open").css({display:"none"}) }else{ $(".open").css({display:"block"}) } // 企业文化 end $(".productview2scroll1 .bd").on("init", function(event, slick) { var img=slick.$slides.eq(slick.currentslide).data("img") var rel=slick.$slides.eq(slick.currentslide).data("rel") $(".productview2img img").attr("src",img) $(".productview2img img").attr("rel",rel) }); $(".productview2scroll1 .bd").on("beforechange", function(event, slick, currentslide, nextslide){ var img=slick.$slides.eq(nextslide).data("img") var rel=slick.$slides.eq(nextslide).data("rel") $(".productview2img img").attr("src",img) $(".productview2img img").attr("rel",rel) }); $(".productview2scroll1 .bd").slick({ infinite: true, //循环功能 slidestoshow: 3, //可见数 slidestoscroll: 1, //滚动个数 autoplay: false, //自动播放 arrows: true, //左右箭头 draggable: true, //拖拽功能 dots: true, //指示点 fade:false,// 开启渐隐切换模式 focusonselect:true, autoplayspeed: 5000, //自动播放速度 speed: 1500, //切换动画速度 }); // 产品详情2 end // aboutus start $(".aboutusscroll .bd").slick({ infinite: true, //循环功能 slidestoshow: 5, //可见数 slidestoscroll: 1, //滚动个数 autoplay: false, //自动播放 arrows: true, //左右箭头 draggable: true, //拖拽功能 dots: true, //指示点 fade:false,// 开启渐隐切换模式 autoplayspeed: 5000, //自动播放速度 speed: 1500, //切换动画速度 appenddots:".slickdots" }); // aboutus end // develop start var cruentlilength=0; var dot=$(".column1ctrl .dot") var vis=number(dot.data("vis")) function resizescroll(obj,currentlength){ if(obj==undefined||obj.length==0){return false} var dotw=obj.width() if(obj.children().length<0) return false var margin=number(obj.find(".item").css('marginright').replace('px','')) var liw=math.floor((dotw+margin)/vis) obj.find("li").width(liw) if(currentlength!=0&¤tlength!=undefined&&obj.find("li").length>vis){ obj.find("ul").css({ marginleft:-liw*currentlength }) } var lilength=obj.find(".item").length obj.children("ul").width(lilength*liw) return {vis:vis,liw:liw,mr:margin}; } window.onresize=function(){ resizescroll(dot,cruentlilength) } $('.column1scroll .bd').on("init",function(event,slick){ var title=slick.$slides.eq(slick.currentslide).data("title") $(".yeartitle").text(title) dot.find("li").slice(0,vis).each(function(index){ $(this).addclass("slide") }) var pleft= dot.position() dot.parents(".column1ctrl").append("
") dot.siblings(".online").css({ width:pleft.left }) var dotli= resizescroll(dot) var initw=(dotli.liw-dotli.mr)/2 dot.find("ul").append("
") var slicedate=dot.find("li").slice(0,slick.currentslide+1) slicedate.each(function(){ $(this).addclass("sliceactive"); $(".sliceactive").find("em").css("background-color","#b17e42") }) }) $('.column1scroll .bd').on("beforechange",function(event,slick, currentslide, nextslide){ var title=slick.$slides.eq(nextslide).data("title") $(".yeartitle").text(title) var slidelength=slick.$slides.length var li=resizescroll(dot) var ul=dot.find("ul") var liw=li.liw var $dotline=dot.find(".dotline") console.log(liw*nextslide) $dotline.css({ width:(liw*nextslide)+80 }) console.log(nextslide+1); var slicedate=dot.find("li").slice(0,nextslide+1) dot.find("li").removeclass("sliceactive") slicedate.each(function(){ $(this).addclass("sliceactive"); }) var bianjie=math.ceil(li.vis/2)-1 var endbianjie=0; li.vis%2==0?endbianjie=slidelength-bianjie-1:endbianjie=slidelength-bianjie if(nextslide>bianjie&&nextslideli.vis){ cruentlilength=math.abs(nextslide-bianjie) var currentli=ul.find("li").eq(nextslide) ul.find("li").removeclass("slide") ul.find("li").slice(nextslide-bianjie,nextslide+bianjie+1).each(function(index){ $(this).addclass("slide") }) ul.animate({ marginleft:-liw*math.abs(nextslide-bianjie) },500) }else if(nextslide>=endbianjie&&ul.find("li").length>li.vis){ ul.find("li").removeclass("slide") var end=ul.find("li").length ul.find("li").slice(end-vis,end).each(function(index){ $(this).addclass("slide") }) ul.animate({ marginleft:-liw*math.abs(slidelength-li.vis) },500) }else{ ul.find("li").removeclass("slide") ul.find("li").slice(0,vis).each(function(index){ $(this).addclass("slide") }) ul.animate({ marginleft:0 },500) } }) $('.column1scroll .bd').slick({ autoplay: false, slidestoshow: 1, slidestoscroll: 1, arrows:true, infinite:true, initialslide: 0, dots:true, appenddots:dot, custompaging: function(slider, i) { // var html=$('
').append($('').text(slider.$slides.eq(i).data("title"))) var html='' html+='
' html+='' html+=slider.$slides.eq(i).data("title") html+='' html+='' html+='' html+='
' html+=slider.$slides.eq(i).data("title") html+='
' html+='
' return html }, }); if($(".column1scroll .myslide .con .text .info").length>0){ $(".column1scroll .myslide .con .text .info").slimscroll({ width: 'auto', //可滚动区域宽度 height: '210px', //可滚动区域高度 size: '4px', //组件宽度 color: '#b17e42', //滚动条颜色 position: 'right', //组件位置:left/right distance: '0px', //组件与侧边之间的距离 start: 'top', //默认滚动位置:top/bottom opacity: 1, //滚动条透明度 alwaysvisible: false, //是否 始终显示组件 disablefadeout: true, //是否 鼠标经过可滚动区域时显示组件,离开时隐藏组件 railvisible: true, //是否 显示轨道 railcolor: '#fff', //轨道颜色 railopacity: 1, //轨道透明度 raildraggable: true, //是否 滚动条可拖动 railclass: 'slimscrollrail', //轨道div类名 barclass: 'slimscrollbar', //滚动条div类名 wrapperclass: 'slimscrolldiv', //外包div类名 allowpagescroll: true, //是否 使用滚轮到达顶端/底端时,滚动窗口 wheelstep: 20, //滚轮滚动量 touchscrollstep: 200, //滚动量当用户使用手势 borderradius: '7px', //滚动条圆角 railborderradius: '7px' //轨道圆角 }); } // develop end // $(".languagecdown .one").each(function(){ // $(this).click(function(){ // debugger // var languagetext = $(this).find("a").text() // $(this).parent(".languagecdown").siblings(".languagecup").text(languagetext) // }) // }) // ========== 文章 end /* ========== 内页end ========== */ }); $(window).resize(function(){ banner() })