$(function(){ // 公海手机版banner跳转 $(".banner-slide").each(function(){ var $this = $(this); $this.css('cursor','pointer'); var url = $(this).attr('data-url'); $this.click(function(){ window.open(url, '_blank').focus(); }); }); var aaa = true; $('ul.nums li big.counter-value, .education_content ul.orders li big.counter-value').each(function(){ $(this).prop('Counter',0).stop(); }); $(window).scroll(function(){ var _h = $(this).scrollTop(); // console.log(_h); if(_h > 80) { $(".headtop").addClass("fixed_bg"); }else { $(".headtop").removeClass("fixed_bg"); } if(aaa == true) { if(_h >= 10 ){ aaa = false; //about_nums $('ul.nums li big.counter-value').each(function(){ $(this).prop('Counter',0).animate({ Counter:$(this).text() },{ duration:3500, easing:'swing', step:function(now){ $(this).text(Math.ceil(now)); } }); }); $('.education_content ul.orders li big.counter-value').each(function(){ $(this).prop('Counter',0).animate({ Counter:$(this).text() },{ duration:3500, easing:'swing', step:function(now){ $(this).text(Math.ceil(now)); } }); }); } else { aaa = true; $('ul.nums li big.counter-value').each(function(){ $(this).prop('Counter',0).stop(); }); $('.education_content ul.orders li big.counter-value').each(function(){ $(this).prop('Counter',0).stop(); }); } } else { return; } }); $("a.backtop").click(function(){ $("body,html").animate({ scrollTop: 0 } , 900); }); $(".dot").click(function(){ $(this).toggleClass("show"); $(".sm_body").toggleClass("slideleft"); }); $(".sm_search a.sm_close").click(function(){ $(".sm_body").removeClass("slideleft"); $(".dot").removeClass("show"); }) // 导航menu // $(".menu ul li p").mouseenter(function(){ // $(this).parent().find("ol").slideDown().parents("li").siblings().find("ol").slideUp(); // $(this).parent().addClass("sm_active").siblings().removeClass("sm_active"); // }); // $(".menu ul li").mouseleave(function(){ // $(this).find("ol").slideDown().siblings().find("ol").slideUp(); // $(this).addClass("sm_active").siblings().removeClass("sm_active"); // }); // $(document).on("mouseleave",".menu ul li ol", function(){ // $(this).slideUp().parents("li").siblings().find("ol").slideUp(); // $(this).parent().removeClass("sm_active"); // }); // banner var swiper = new Swiper('#banner .swiper-container', { spaceBetween: 0, // autoplay: { // delay: 4500, // disableOnInteraction: false, // }, pagination: { el: '#banner .swiper-pagination', clickable: true, }, }); // 视频播放完,跳转到第二页-活动结束,去掉这个效果 // setTimeout(function(){ swiper.slideNext(); }, 14500); $("#banner .swiper-slide").each(function(){ var v_path = $(this).find(".ban_video").attr("data-path"); console.log(v_path); if( v_path !== "" ) { $(this).find(".ban_video video").attr("src",v_path); }else { $(this).find(".ban_video video").attr("src",""); } // console.log(v_path); }); var _width = $(window).width(); if( _width < 800 ) { // 校园新闻 var swiperC = new Swiper('#schoolnews .swiper-container', { slidesPerView: 1, spaceBetween: 10, autoplay: { delay: 4500, disableOnInteraction: false, }, // pagination: { // el: '#banner .swiper-pagination', // clickable: true, // }, }); // 名师风采 var swiperD = new Swiper('#teacher .swiper-container', { slidesPerView: 2, spaceBetween: 10, autoplay: { delay: 3500, disableOnInteraction: false, }, pagination: { el: '#teacher .swiper-pagination', clickable: true, }, }); // 数读珠科 var swiperE = new Swiper('#numbers .swiper-container', { slidesPerView: 2, spaceBetween: 10, slidesPerColumn: 2, pagination: { el: '#numbers .swiper-pagination', clickable: true, }, }); }else{ // 校园新闻 var swiperC = new Swiper('#schoolnews .swiper-container', { slidesPerView: 3, spaceBetween: 10, autoplay: { delay: 5500, disableOnInteraction: false, }, centeredSlides: true, loop: true, pagination: { el: '#schoolnews .swiper-pagination', clickable: true, }, }); // 名师风采 var swiperD = new Swiper('#teacher .swiper-container', { slidesPerView: 5, spaceBetween: 10, slidesPerGroup: 5, speed: 1500, autoplay: { delay: 7000, disableOnInteraction: false, }, pagination: { el: '#teacher .swiper-pagination', clickable: true, }, }); // 数读珠科 var swiperE = new Swiper('#numbers .swiper-container', { slidesPerView: 4, slidesPerColumn: 2, spaceBetween: 10, slidesPerGroup: 4, pagination: { el: '#numbers .swiper-pagination', clickable: true, }, }); } // 宣传片播放 $("#perform").click(function(){ var _thisPath = $(this).attr("data-v-path"); var vshi = "
"; $("#windows").html(vshi).fadeIn(); }); // 宣传片播放 $("#perform1").click(function(){ var _thisPath = $(this).attr("data-v-path"); var vshi = "
"; $("#windows").html(vshi).fadeIn(); }); // 宣传片播放 $("#perform2").click(function(){ var _thisPath = $(this).attr("data-v-path"); var vshi = "
"; $("#windows").html(vshi).fadeIn(); }); $(document).on("click",".close", function(){ $("#windows").html("").fadeOut(); }); // 教学工作,教育教学-改成默认全部展开的 $(".jx_work .jx_items " ).addClass("select").find(".jx_info").slideDown(); // $(".jx_work .jx_items:first-child " ).addClass("select").find(".jx_info").slideDown(); $(".jx_work .jx_items h3.jx_title").click(function(){ $(this).parent(".jx_items").toggleClass("select").find(".jx_info").slideToggle().parent(".jx_items").siblings().removeClass("select").find(".jx_info").slideUp(); }) // 校园风光 $(".view_details ul li").click(function(){ var _index = $(".view_details ul li"); var _sub = $(this).index(); $("#dialog_for_view").fadeIn(500); var _name = ""; var _picSrc = ""; var _arr = ""; var _desc = ""; for( var i = 0; i< $(".view_details ul li").length; i++ ) { // _name = "

"+ $(_index[i]).find("span").text() +"

"; //标题 _picSrc = $(_index[i]).find("img").attr("src"); //图片 _arr += "
"+ _name +"
"; } console.log(_arr); let tems = '
'+ '
'+ '
'+ '
'+ _arr+ '
'+ '
'+ '
'+ '
'+ '
'; $("#dialog_for_view").append(tems); var swiperk = new Swiper('#dialog_for_view .swiper-container', { navigation: { nextEl: '#dialog_for_view .swiper-button-next', prevEl: '#dialog_for_view .swiper-button-prev', }, }); swiperk.slideTo( _sub, 10, false); }); $(document).on("click",".close",function() { $("#dialog_for_view").fadeOut(500); $("#dialog_for_view .container").remove(); }); // 校园风光-end // 处理下菜单问题,防止误按 $(".sub-menu").parent("li.menu-item").children("p").children("a").removeAttr("href"); $(".sub-link").parent("ol").parent("li").children("p").children("a").removeAttr("href"); //页面刷新 //window.onresize = function(){ // window.location.reload(); //} // 公海手机版飘窗 //调用 FloatAd("#floadAD"); //广告漂浮窗口 function FloatAd(selector) { var obj = $(selector); //如果没有内容,不执行 if (obj.find(".item").length == 0) return; //浏览器高度 var windowHeight = $(window).height(); //浏览器宽度 var windowWidth = $(window).width(); //每次水平漂浮方向及距离(单位:px),正数向右,负数向左,如果越大的话就会看起来越不流畅,但在某些需求下你可能会需要这种效果 var dirX = -1.5; //每次垂直漂浮方向及距离(单位:px),正数向下,负数向上,如果越大的话就会看起来越不流畅,但在某些需求下你可能会需要这种效果 var dirY = -1; //定期执行的时间间隔,单位毫秒 var delay = 30; //把元素设置成在页面中间 obj.css({ left: windowWidth / 2 - obj.width() / 2 + "px", top: windowHeight / 2 - obj.height() / 2 + "px" }); //元素默认是隐藏的,避免上一句代码改变位置视觉突兀,改变位置后再显示出来 if( windowWidth > 512){ obj.show();//手机之类的窄屏就不显示了 } //定期执行,返回一个值,这个值可以用来取消定期执行 var handler = setInterval(move, delay); //鼠标经过时暂停,离开时继续 obj.hover(function() { //取消定期执行 clearInterval(handler); }, function() { handler = setInterval(move, delay); }); //绑定关闭按钮事件 obj.find(".close").click(function() { close(); }); //当改变窗口大小时,重新获取浏览器大小,以保证不会过界(飘出浏览器可视范围)或漂的范围小于新的大小 $(window).resize(function() { //浏览器高度 windowHeight = $(window).height(); //浏览器宽度 windowWidth = $(window).width(); }); //定期执行的函数,使元素移动 function move() { //获取当前位置,这是JQuery的函数,具体见:[http://hemin.cn/jq/position.html](http://hemin.cn/jq/position.html) var currentPos = obj.position(); //下一个水平位置 var nextPosX = currentPos.left + dirX; //下一个垂直位置 var nextPosY = currentPos.top + dirY; //这一段是本站特有的需求,当漂浮到右边时关闭漂浮窗口,如不需要可删除 // if (nextPosX >= windowWidth - obj.width()) { // close(); // } //如果达到左边,或者达到右边,则改变为相反方向 if (nextPosX <= 0 || nextPosX >= windowWidth - obj.width()) { //改变方向 dirX = dirX * -1; //为了不过界,重新获取下一个位置 nextPosX = currentPos.left + dirX; } //如果达到上边,或者达到下边,则改变为相反方向。 if (nextPosY <= 0 || nextPosY >= windowHeight - obj.height() - 5) { //改变方向 dirY = dirY * -1; //为了不过界,重新获取下一个位置 nextPosY = currentPos.top + dirY; } //移动到下一个位置 obj.css({ left: nextPosX + "px", top: nextPosY + "px" }); // 手机不显示这个 if(windowWidth < 512){ close(); } } //停止漂浮,并销毁漂浮窗口 function close() { clearInterval(handler); obj.remove(); } } });