//=== viewid:lang_style_1_1571841263833 ===// $(document).ready(function(){ }); //=== viewid:dh_style_31_1573830297107,dh_style_28_1678761124137,dh_style_03_1571767133296,dh_style_03_1571836301614 ===// /*pc,手机显示隐藏*/ function is_mobile(){ return window.screen.width<767 || ($('body').width() > 0 && $('body').width() < 767); } var is_mobile_boolean = is_mobile(); $(function(){ /*pc,手机显示隐藏*/ }) //=== viewid:dh_style_31_1573830297107 ===// function navSwtich(obj) { $(obj).siblings(".menuUlCopy").slideToggle(200); $(obj).toggleClass('ontoggle'); $(obj).parent().siblings().find(".menuUlCopy").slideUp(200); $(obj).parent().siblings().find(".fa-angle-down").removeClass('ontoggle'); } function subLeft_dh_style_31_1573830297107(){ $("#dh_style_31_1573830297107 .menuUl>li").each(function(){ $(this).find(".menuUl03").css("left",'100%'); }) } $(window).resize(function() { subLeft_dh_style_31_1573830297107(); }) $(function(){ $("#dh_style_31_1573830297107 .fa-navicon").click(function(){ $("#dh_style_31_1573830297107").addClass('clearTransform'); $("#dh_style_31_1573830297107 .menuUlCopy").each(function(){ $(this).siblings(".fa").show(); }) }) subLeft_dh_style_31_1573830297107(); $("#dh_style_31_1573830297107 .subBox").css("top",$("#dh_style_31_1573830297107 .menuUl_box").height()); if($("#dh_style_31_1573830297107 .menuUl").hasClass("noHover")){ var tabNum = 0; $("#dh_style_31_1573830297107 .menuUl>li").find(".Onsub").each(function(){ tabNum += 1; $(this).parent().attr("tabNum",tabNum) }) $("#dh_style_31_1573830297107 .menuUl>li .Onsub").mouseover(function(){ $("#dh_style_31_1573830297107 .subBox").show(); var index = $(this).parent().attr("tabNum"); $("#dh_style_31_1573830297107 .subBox .subItems").eq(index-1).fadeIn(100).siblings().hide(); $("#dh_style_31_1573830297107 .subBox .subMenuImgArea .subMenuImgCon").eq(0).fadeIn(100).siblings().hide(); }) $("#dh_style_31_1573830297107 .subBox").mouseleave(function(){ $(this).hide(); }); $("#dh_style_31_1573830297107 .menuUl>li .Nosub").mouseover(function(){ $("#dh_style_31_1573830297107 .subBox").hide(); }) //风格41 42 } }) //=== viewid:dh_style_28_1678761124137 ===// function navSwtich(obj) { $(obj).siblings(".menuUlCopy").slideToggle(200); $(obj).toggleClass('ontoggle'); $(obj).parent().siblings().find(".menuUlCopy").slideUp(200); $(obj).parent().siblings().find(".fa-angle-down").removeClass('ontoggle'); } function subLeft_dh_style_28_1678761124137(){ $("#dh_style_28_1678761124137 .menuUl>li").each(function(){ $(this).find(".menuUl03").css("left",'100%'); }) } $(window).resize(function() { subLeft_dh_style_28_1678761124137(); }) $(function(){ $("#dh_style_28_1678761124137 .fa-navicon").click(function(){ $("#dh_style_28_1678761124137").addClass('clearTransform'); $("#dh_style_28_1678761124137 .menuUlCopy").each(function(){ $(this).siblings(".fa").show(); }) }) subLeft_dh_style_28_1678761124137(); $("#dh_style_28_1678761124137 .subBox").css("top",$("#dh_style_28_1678761124137 .menuUl_box").height()); if($("#dh_style_28_1678761124137 .menuUl").hasClass("noHover")){ var tabNum = 0; $("#dh_style_28_1678761124137 .menuUl>li").find(".Onsub").each(function(){ tabNum += 1; $(this).parent().attr("tabNum",tabNum) }) $("#dh_style_28_1678761124137 .menuUl>li .Onsub").mouseover(function(){ $("#dh_style_28_1678761124137 .subBox").show(); var index = $(this).parent().attr("tabNum"); $("#dh_style_28_1678761124137 .subBox .subItems").eq(index-1).fadeIn(100).siblings().hide(); $("#dh_style_28_1678761124137 .subBox .subMenuImgArea .subMenuImgCon").eq(0).fadeIn(100).siblings().hide(); }) $("#dh_style_28_1678761124137 .subBox").mouseleave(function(){ $(this).hide(); }); $("#dh_style_28_1678761124137 .menuUl>li .Nosub").mouseover(function(){ $("#dh_style_28_1678761124137 .subBox").hide(); }) //风格41 42 } }) var color = $('#dh_style_28_1678761124137 .menuStyle_28 .menuUl02 .subMenu02').css('background-color'); $('#dh_style_28_1678761124137 .menuStyle_28').append(``); $('#dh_style_28_1678761124137 .menuStyle_28 .menuUl02 .subMenu02').mouseover(function(){ let that = $(this); setTimeout(function(){ var hoverColor = that.css('background-color'); $('#dh_style_28_1678761124137 .menuStyle_28').append(``); },100); }); //=== viewid:banner_style_01_1571839776630 ===// //=== viewid:banner_style_01_1571839776630 ===// $(document).ready(function(){ arrowShow(); $(window).resize(function(){ arrowShow(); }); // 箭头显示 function arrowShow(){ if(window.screen.width<767 || ($('body').width() > 0 && $('body').width() < 767) || navigator.userAgent.indexOf('Mac OS X') != -1){ $("#banner_style_01_1571839776630 .bannerStyle_1 .awesome-font").show().siblings().hide(); }else{ $("#banner_style_01_1571839776630 .bannerStyle_1 .awesome-font").hide().siblings().show(); } } }); //=== viewid:banner_style_01_1571839776630 ===// /* * Banner 轮播图类 */ var intervaltimer; function Banner(config) { this._default = { 'list':[], 'length':0, 'current':0, 'timer':undefined, // 计时器 'view':undefined, // 视图 'flick':undefined, // 圆点选择器 'duration':3, // 切换时间间隔 'animation':0.5 // 动画时间 }; config = $.extend(true, this._default, config); this.config = config; this.init(config); } Banner.prototype.init = function(config) { this.animateStyle = 'normal'; // 动画效果 ( 根据动画效果, 不同的方法有不同的实现 ) this.direction = 'right'; // 当前滚动方向 this.view = this.config.view; this.config.length = this.config.list.length; this.config.flick = this.view ? this.view.find(".bannerStyle_1 .flicking_con > a") : undefined; }; // 计算下一个要显示的图片的索引 // by: 如果没有传入参数, 则使用配置中的数据this.config.current, 否则使用传入的参数 Banner.prototype.nextIndex = function(by) { by === undefined && (by = this.config.current); var next = this.direction == 'right' ? by + 1 : by - 1; next >= this.config.length && (next = 0); next < 0 && (next = this.config.length - 1); return next; }; //图片链接 $url_html = new Array(); $i = 0; $url_len = 4; $url_html[0] = "[PAGE_URL@2749915@pageid=2749915@PAGE_URL]"; $url_html[1] = ""; $url_html[2] = "[PAGE_URL@2749919@pageid=2749919@PAGE_URL]"; $url_html[3] = "[PAGE_URL@2749917@pageid=2749917@PAGE_URL]"; $('#banner_style_01_1571839776630 a.img_url').attr('href',$url_html[$i]); // 跳到指定图片 Banner.prototype.animateIndex = function(index) { this.endAnimate(); if(index >= 0 && index < this.config.length && this.config.current != index) { if(this.config.current < index) { this.direction = 'right'; this.config.current = index - 1; } else { this.direction = 'left'; this.config.current = index + 1; } this.showIndex(this.config.current); this.startAnimate(); } }; // 向右动画 Banner.prototype.startAnimateRight = function() { this.direction = 'right'; this.startAnimate(); }; // 向左动画 Banner.prototype.startAnimateLeft = function() { this.direction = 'left'; this.startAnimate(); }; // 结束动画 Banner.prototype.endAnimate = function() { clearTimeout(this.config.timer); }; // 结束动画 Banner.prototype.hoverEndAnimate = function() { var that = this; intervaltimer = setInterval(function(){ clearTimeout(that.config.timer); },100); }; Banner.prototype.startAnimate = function() { switch(this.animateStyle) { case 'normal': // 默认效果 this.endAnimate(); if(this.config.length > 1) { var prev = this.config.current, next = this.nextIndex(), end = this.direction == 'right' ? {prev:"-100%", current:"100%"} : {prev:"100%", current:"-100%"}; // 前一个图片和当前图片的最后停留位置 this.config.flick.eq(next).addClass("on").siblings().removeClass("on"); // 执行动画 var banner = this; this.imgs.eq(prev).stop().animate({"left":end.prev}, this.config.animation, function(){ banner.config.timer = setTimeout(function(){ banner.startAnimate(); },banner.config.duration); }); this.imgs.eq(next).css({"left":end.current}).stop().animate({"left":"0%"}, this.config.animation); this.config.current = next; } break; case 'rotate-3d': // 3D旋转效果 this.endAnimate(); this.updateBgImg(); if(this.config.length > 1) { var prev = this.config.current, next = this.nextIndex(); this.config.flick.eq(next).addClass("on").siblings().removeClass("on"); this.config.current = next; this.parts.css("transform", "rotateX(" + ((this.direction == 'right' ? ++this.rotate : --this.rotate) * 90) + "deg)"); var banner = this; this.config.timer = setTimeout(function(){ banner.startAnimate(); },banner.config.duration); } $('#banner_style_01_1571839776630 a.img_url').attr('href',$url_html[this.config.current]); break; } }; // 指定显示的图片 Banner.prototype.showIndex = function(index) { switch(this.animateStyle) { case 'normal': // 默认效果 this.imgs.eq(index).css("left","0%").siblings(".img-item").css("left","100%"); this.config.flick.eq(index).addClass("on").siblings().removeClass("on"); break; case 'rotate-3d': // 3D旋转效果 this.updateFaceBottonTopImg(index); this.config.flick.eq(index).addClass("on").siblings().removeClass("on"); break; } }; /* * ******************************************** * 3D旋转效果 特有函数 begin */ // 每次旋转前都需要更新背部的图片 Banner.prototype.updateBgImg = function() { // 计算背部要显示的图片 var bg_image_index = this.nextIndex(this.nextIndex()); // index: 计算背景图片当前显示在哪个img中( 总共有4个图片, 分别位于正面/底部/背部/顶部, 索引分别为0, 1, 2, 3 ) var c, index = (c = (this.rotate + 2) % 4) >= 0 ? c : c + 4; var banner = this; // console.log('第',index,'个面-使用更新为第',bg_image_index,'张图'); this.parts && this.parts.each(function () { $(this).find('.img:eq('+index+')').css({'background-image': 'url("'+banner.config.list[bg_image_index]+'")'}); }); }; // 更新正面/顶部/底部的图片 // index: 要显示哪张图片 // 备注: 因为总共有四个面的图片需要更新, 初始化时, 正面/顶部/底部的图片只需更新一次即可 (背部的图片在每次旋转前都需要更新) Banner.prototype.updateFaceBottonTopImg = function(index) { // face, bottom, top: 计算正面/顶部/底部图片当前显示在哪个img中( 总共有4个图片, 分别位于正面/底部/背部/顶部, 索引分别为0, 1, 2, 3 ) var c, face = (c = this.rotate % 4) >= 0 ? c : c + 4, bottom, top; bottom = face + 1; bottom >= this.config.length && (bottom = 0); top = face - 1; top < 0 && (top = this.config.length - 1); var banner = this; this.parts && this.parts.each(function () { // console.log('第',face,'个面-使用更新为第',index,'张图'); $(this).find('.img:eq('+face+')').css({'background-image': 'url("'+banner.config.list[index]+'")'}); // console.log('第',bottom,'个面-使用更新为第',index < banner.config.length - 1 ? index + 1 : 0,'张图'); $(this).find('.img:eq('+bottom+')').css({'background-image': 'url("'+banner.config.list[index < banner.config.length - 1 ? index + 1 : 0]+'")'}); // console.log('第',top,'个面-使用更新为第',index > 0 ? index - 1 : banner.config.length - 1,'张图'); $(this).find('.img:eq('+top+')').css({'background-image': 'url("'+banner.config.list[index > 0 ? index - 1 : banner.config.length - 1]+'")'}); }); }; // 初始化旋转部分: 设置3d旋转的四个面的图片, index表示默认显示哪张图片 Banner.prototype.initImgPart = function(index) { var banner = this; this.parts && this.parts.each(function () { $(this).find('.img').each(function (i) { var j = 0; switch (i) { case 0: j = index; break; // 正面 case 1: j = index + 1; break; // 底部 case 2: break; // 背部 case 3: j = index - 1; break; // 顶部 } j >= banner.config.length && (j = 0); j < 0 && (j = banner.config.length - 1); $(this).css({'background-image': 'url("'+banner.config.list[j]+'")', 'background-repeat':'no-repeat', 'background-color':'#fff'}); }); }); }; // 更新旋转部分: 之所以使用定时器, 是因为无法实时获取模块宽度 Banner.prototype.updateImgPart = function() { this.parts && this.parts.each(function(index) { $(this).css({ "left":$(this).width() * index + "px" }); $(this).find(".img").css({ "background-position": -$(this).width() * index + "px" }); }); var banner = this; setTimeout(function () { banner.updateImgPart(); }, 800); }; /* * 3D旋转效果 特有函数 end * ******************************************** */ // 图片数据 var list_banner_style_01_1571839776630 = []; list_banner_style_01_1571839776630.push('https://cdn.yun.sooce.cn/2/68343/png/164620293111412ab30d9d55b4ba7.png?version=0');list_banner_style_01_1571839776630.push('https://cdn.yun.sooce.cn/2/68343/png/16817873366419065ced3fcbc6552.png?version=0');list_banner_style_01_1571839776630.push('https://cdn.yun.sooce.cn/2/68343/png/1679465592270a22177a16d674ac2.png?version=0');list_banner_style_01_1571839776630.push('https://cdn.yun.sooce.cn/2/68343/png/1679464987848f6afc1e37c423a59.png?version=0'); var banner_banner_style_01_1571839776630; // 轮播图对象 $(function(){ // 创建轮播图 $arrHref = new Array(); banner_banner_style_01_1571839776630 = new Banner({ 'list':list_banner_style_01_1571839776630, 'view':$('#banner_style_01_1571839776630'), 'duration':parseFloat('3') * 1000, 'animation':parseFloat('0.5') * 1000 }); banner_banner_style_01_1571839776630.animateStyle = 'normal'; banner_banner_style_01_1571839776630.imgs = banner_banner_style_01_1571839776630.view.find(".bannerStyle_1 .main_image .img-list").children(".img-item"); banner_banner_style_01_1571839776630.view.find('a').each(function (i) { $(this).click(function () { if(!$(this).attr('href')) { return false; } }); }); banner_banner_style_01_1571839776630.view.find('a.picSet').each(function(i){ $arrHref[i] = $(this).attr('href'); }); // 显示指定索引的图片 banner_banner_style_01_1571839776630.showIndex(banner_banner_style_01_1571839776630.config.current); // 监听 点击圆点 banner_banner_style_01_1571839776630.config.flick.click(function(){ banner_banner_style_01_1571839776630.animateIndex($(this).index()); $('#banner_style_01_1571839776630 a.img_url').attr('href',$url_html[$(this).index()]); $i = $(this).index(); return false; }); // 监听 鼠标悬浮时 banner_banner_style_01_1571839776630.view.hover( function(){ banner_banner_style_01_1571839776630.hoverEndAnimate(); banner_banner_style_01_1571839776630.view.find(".bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next").fadeIn(); }, function(){ clearInterval(intervaltimer); banner_banner_style_01_1571839776630.config.timer = setTimeout(function(){ banner_banner_style_01_1571839776630.startAnimateRight(); },banner_banner_style_01_1571839776630.config.duration); banner_banner_style_01_1571839776630.view.find(".bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next").fadeOut() } ); // 监听 点击左右按钮 banner_banner_style_01_1571839776630.view.find(".btn_prev").click(function() { banner_banner_style_01_1571839776630.startAnimateLeft(); }); banner_banner_style_01_1571839776630.view.find(".btn_next").click(function() { banner_banner_style_01_1571839776630.startAnimateRight(); }); // 监听 触摸事件 var touchVal = null; document.addEventListener("touchstart", function(e){ if($(e.target).is(banner_banner_style_01_1571839776630.view) || $(e.target).closest("#"+banner_banner_style_01_1571839776630.view.attr("id")).length > 0) { touchVal = {}; touchVal.downX = e.touches[0].clientX; // 记录触摸起始位置 } }, false); document.addEventListener("touchmove", function(e){ if(touchVal && touchVal.downX) { touchVal.moveX = e.touches[0].clientX - touchVal.downX; // 计算触摸中的偏移位置 } }, false); document.addEventListener("touchend", function(e){ if(touchVal && touchVal.moveX){ if(touchVal.moveX > 30){ banner_banner_style_01_1571839776630.startAnimateLeft(); // 触摸生效 if (e.preventDefault) { e.preventDefault(); } else { e.returnvalue = false; } }else if(touchVal.moveX < -30){ banner_banner_style_01_1571839776630.startAnimateRight(); // 触摸生效 if (e.preventDefault) { e.preventDefault(); } else { e.returnvalue = false; } } } touchVal = null; }, false); // 运行 banner_banner_style_01_1571839776630.config.timer = setTimeout(function(){ banner_banner_style_01_1571839776630.startAnimateRight(); }, banner_banner_style_01_1571839776630.config.duration); }); //=== viewid:image_style_11_1679562668847 ===// $(function(){ let obj = $("#image_style_11_1679562668847"); let picItems = obj.find("li.imgItems"); let num = 0; let picBox; picItems.click(function(){ let topH = $(window).scrollTop(); let index = $(this).index(); let curPic = $(this).find(".theimgdiv").css("backgroundImage"); let curIcon,curIconStyle,curPicStyle; if(curPic){ curPic = curPic.replace('url(','').replace(')','').replaceAll('"','').replaceAll("'",''); curPicStyle = ''; curIcon = ''; curIconStyle = 'display:none;'; }else{ curPic = ''; curPicStyle = 'display:none;'; curIcon = $(this).find(".bbx-new-font").text(); curIconStyle = $(this).find(".bbx-new-font").attr('style'); } num = index; let html = "
"+curIcon+"
×
"; let picBoxhtml = $(html); //"+""+"为了躲开图片延时加载的代码替换 $("body").append(picBoxhtml); picBox = $(".imgShowBox"); pdSize(); //判断下一张和上一张按钮的显示 if(picItems.length == 1){ $("body").find(".imgButton>.nextImg,.imgButton>.prevImg").css("visibility","hidden") } if(picItems.length-1 == $(this).index()){ $("body").find(".imgButton>.nextImg").css("visibility","hidden") } if($(this).index() == 0){ $("body").find(".imgButton>.prevImg").css("visibility","hidden") } //关闭 $("body").find(".imgButton>.closeShowPic").click(function(){ $(".imgShowBox").remove(); $("body").removeClass("pos_fixed"); $(window).scrollTop(topH); }); //下一张 $("body").find(".imgButton>.nextImg").click(function(){ $(".imgShowBox img").css("max-height","none"); let len = obj.find("li:has('.imgCont')").length; $(this).siblings().css("visibility","visible"); num++; if(num >= len){ num = len-1; } if(num == len-1){ $(this).css("visibility","hidden"); } curPics(); pdSize(); }); //上一张 $("body").find(".imgButton>.prevImg").click(function(){ $(".imgShowBox img").css("max-height","none"); $(this).siblings().css("visibility","visible"); num--; if(num <= 0){ num = 0; $(this).css("visibility","hidden"); } curPics(); pdSize(); }); }); //切换大图 function curPics(){ let that = obj.find("li").eq(num); let curPic = that.find(".theimgdiv").css("backgroundImage"); let curIcon,curIconStyle,curPicStyle; let boxImg = picBox.find("img"); let boxIcon = picBox.find(".bbx-new-font"); if(curPic){ curPic = curPic.replace('url(','').replace(')','').replaceAll('"','').replaceAll("'",''); boxImg.attr("src",curPic); boxImg.show(0); boxIcon.hide(0); }else{ curIcon = that.find(".bbx-new-font").text(); curIconStyle = that.find(".bbx-new-font").attr('style'); boxIcon.text(curIcon); boxIcon.attr('style',curIconStyle); boxImg.hide(0); } } //判断展开显示效果 function pdSize(){ let imgH = picBox.find("img").height(); let winH = $(window).height(); if(imgH>winH){ $("body").addClass("pos_fixed"); picBox.addClass("scroll"); picBox.animate({"scrollTop":"0px"},200); }else{ $("body").removeClass("pos_fixed"); picBox.removeClass("scroll"); $(".imgShowBox img").css("max-height","80%"); } } }) //=== viewid:image_style_11_1573320129972,image_style_11_1572403332394 ===// //=== viewid:newsList_style_02_1572279101548 ===// //-- $(function(){ var viewid="newsList_style_02_1572279101548"; var sys_url="viewid=newsList_style_02_1572279101548&name=newsList&style=style_02&langid=0&pageid=2741085&viewCtrl=newsList&isfb=1"; var moreParams=''; if(typeof(history.pushState) != 'undefined'){ var hstate=JSON.stringify(history.state); if(hstate!='null'&& hstate!=null){ eval('var hjson = ' + hstate); moreParams=hjson.moreParamsnewsList_style_02_1572279101548; } } RequestURL(viewid,sys_url,moreParams); }); //-- //=== viewid:newsList_style_02_1572280246473 ===// //-- $(function(){ var viewid="newsList_style_02_1572280246473"; var sys_url="viewid=newsList_style_02_1572280246473&name=newsList&style=style_02&langid=0&pageid=2741085&viewCtrl=newsList&isfb=1"; var moreParams=''; if(typeof(history.pushState) != 'undefined'){ var hstate=JSON.stringify(history.state); if(hstate!='null'&& hstate!=null){ eval('var hjson = ' + hstate); moreParams=hjson.moreParamsnewsList_style_02_1572280246473; } } RequestURL(viewid,sys_url,moreParams); }); //-- //=== viewid:newsList_style_04_1679283795985 ===// //-- $(function(){ var viewid="newsList_style_04_1679283795985"; var sys_url="viewid=newsList_style_04_1679283795985&name=newsList&style=style_04&langid=0&pageid=2741085&viewCtrl=newsList&isfb=1"; var moreParams=''; if(typeof(history.pushState) != 'undefined'){ var hstate=JSON.stringify(history.state); if(hstate!='null'&& hstate!=null){ eval('var hjson = ' + hstate); moreParams=hjson.moreParamsnewsList_style_04_1679283795985; } } RequestURL(viewid,sys_url,moreParams); }); //-- //=== viewid:dh_style_03_1571767133296 ===// $(function(){ $("#dh_style_03_1571767133296 li a").attr("target","_blank"); }) //=== viewid:dh_style_03_1571836301614 ===// $(function(){ $("#dh_style_03_1571836301614 li a").attr("target","_blank"); })