// 当 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","0") } //二级栏目 if($(this).children(".ej").children().length>0){//判断存不存在二级,然后执行下拉背景以及二级展示 //加动画 $(this).children(".ej").children().each(function(i){ $(this).css({ animationdelay:i*.1+"s" }) }) $(".top .bg").css("height","60px") $(this).children(".ej").addclass("open") $(this).siblings().children(".ej").removeclass("open"); $(this).children(".ej").children().addclass("fadeindown animated") }else{ $(".top .bg").css("height","0") $(".topc").find(".ej").children().removeclass("fadeindown animated")//去除动画 $(".topc").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"); //样式回到原点 $(".top .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 //bannerimg start $('.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("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, // arrows:true, autoplayspeed: 8000, speed:1500, pauseonfocus:false, pauseondotshover:false, pauseonhover:false, // draggable:true }); //bannerimg end /* ========== 首页end ========== */ $('.djindexc1scroll .bd').on('init', function(event, slick){ var slidetitle=slick.$slides.eq(slick.currentslide).data("title") $(".djindexc1scroll .text").find(".title").html(slidetitle) }); $('.djindexc1scroll .bd').on('beforechange', function(event, slick, currentslide, nextslide){ var slidetitle=slick.$slides.eq(nextslide).data("title") $(".djindexc1scroll .text").find(".title").html(slidetitle) }); $(".djindexc1scroll .bd").slick({ infinite: true, slidestoshow: 1, initialslide:0, slidestoscroll: 1, touchmove:false, dots:true, appenddots:".djindexc1dot", autoplay: true, autoplayspeed: 3000, }); $(".aboutusscroll .bd").slick({ infinite: true, slidestoshow: 4, initialslide:0, slidestoscroll: 1, touchmove:false, autoplay: true, autoplayspeed: 3000, }); /* ========== 频道页start ========== */ /* ========== 频道页end ========== */ /* ========== 内页start ========== */ //subbanner start $(".subbanner").addclass("on") //subbanner end //subnav start $(".subnav").menu({ type:1, height:3,//滑块高度 background:"#3867a6",//滑块背景色 bottom:0,//滑块距离导航底部距离 animateease:"easeoutbounce",//滑块的运动轨迹 time:800,//滑块的运动时间 zindex:-1,//滑块的层级 margin:15,//滑块左右间距 }); //subnav end // ========== list start //aosdelay(".imglist1",3,1) //资质荣誉start $('.honorlist').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 //imgl4scroll start // 初始化 $(".imgl4scroll .bd").on("init", function(event, slick) { var title=slick.$slides.eq(slick.currentslide).data("title"); var info=slick.$slides.eq(slick.currentslide).data("info"); var href=slick.$slides.eq(slick.currentslide).find(".pic a").attr("href") $(".imgl4scroll .rightb").find(".title").html(title); $(".imgl4scroll .rightb").find(".text").html(info); $(".imgl4scroll .rightb").find(".more a").attr("href",href); }); // 更换幻灯片前触发 $(".imgl4scroll .bd").on("beforechange", function(event, slick, currentslide, nextslide){ var title=slick.$slides.eq(nextslide).data("title"); var info=slick.$slides.eq(nextslide).data("info"); var href=slick.$slides.eq(nextslide).find(".pic a").attr("href") $(".imgl4scroll .rightb").find(".title").html(title); $(".imgl4scroll .rightb").find(".text").html(info); $(".imgl4scroll .rightb").find(".more a").attr("href",href); }); $('.imgl4scroll .bd').slick({ infinite: true, //循环功能 slidestoshow: 1, //可见数 slidestoscroll: 1, //滚动个数 arrows: true, //左右箭头 dots:true, //指示点 autoplay: true, //自动播放 autoplayspeed: 5000, //自动播放速度 speed: 1500, //切换动画速度 appenddots:$('.imgl4dot'), prevarrow: '.imgl4scrollprev', nextarrow: '.imgl4scrollnext', }); //imgl4scroll end // ========== list end // ========== 表单 start $('.aykj_beautify_input').cssselect(); $('.aykj_beautify_radio').cssradio(); $('.aykj_beautify_checkbox').csscheckbox(); // ========== 表单 end // ========== 文章 start //分享start var share=new sharejs({ dom:'.sharebox',/* 分享触发元素 */ sites: ['qzone','sinaweibo', 'wechat'],/* 自定义分享平台 */ }) //分享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}) }) $(".toprc").click(function(event){ if($(this).hasclass("active")){ }else{ $(this).addclass("active") } event.stoppropagation(); }) $(document).click(function(){ $(".toprc").removeclass("active") }) // ========== 文章 end /* ========== 内页end ========== */ });