微信公众号
微信企业号
服务号
元素上 document.documentElement.style.fontSize = baseFontSize; } // 特效初始化 AOS.init({ disable: window.innerWidth < 992, duration: 800 }); /** * @description 函数描述:点击tabs切换tabs选择,内容切换 * @param tabs_arr {arrery} tabs按钮数组 * @param item_arr {arrery} tabs内容数组 * @param current {string} 当前选择的tab */ $('.tab').click(function () { tabsChange(this.id) }) function tabsChange(current) { let tabs_arr = $('.tab') let item_arr = $('.tabs_item') // console.log('tabs数组', tabs_arr); // console.log('item_arr数组', item_arr); for (let i = 0; i < tabs_arr.length; i++) { if (current == tabs_arr[i].id) { // console.log(current); $(`#${current}`).css('color', '#0074B7') $(`#${tabs_arr[i].id}`).css('border-bottom', '1px solid #0074B7') $(`#${item_arr[i].id}`).css('display', 'block') } else { $(`#${tabs_arr[i].id}`).css('color', '#333333') $(`#${tabs_arr[i].id}`).css('border-bottom', 'none') $(`#${item_arr[i].id}`).css('display', 'none') } } } /** * @description 函数描述:点击人员卡片,出现遮罩层,并对遮罩层数据进行赋值 * @param imageSrc {string} 人员图片 * @param title {string} 人员姓名 * @param subtitle {string} 人员介绍 */ $(document).ready(function () { $(".card").click(function () { console.log($(this).find("img").attr("src")); var imageSrc = $(this).find("img").attr("src"); var title = $(this).find(".name span").text(); var subtitle = $(this).find(".name_info").text(); // console.log(subtitle); $("#overlayImage").attr("src", imageSrc); $("#overlayTitle").text(title); $("#overlaySubtitle").text(subtitle); $("#overlay").fadeIn(); }); $("#overlay").click(function () { $("#overlay").fadeOut(); }); }); // 移动端遮罩层点击展开 function openNav() { document.getElementById("myNav").style.width = "100%"; document.getElementById("body").style.overflow = "hidden"; } // 移动端遮罩层点击收起 function closeNav() { document.getElementById("myNav").style.width = "0%"; }