feat: index - 首页及顶部导航处理

public/static/index/js/headfoot.js

@@ -0,0 +1,51 @@
+//加载公共头部和尾部
+async function loadHTML(url, targetId) {
+	try {
+		const response = await fetch(url);
+		if (!response.ok) {
+			throw new Error(`HTTP error! status: ${response.status}`);
+		}
+		const html = await response.text();
+		document.getElementById(targetId).innerHTML = html;
+	} catch (error) {
+		console.error('Error loading HTML:', error);
+	}
+}
+// 加载头部
+loadHTML('head.html', 'header');
+// 加载尾部
+loadHTML('footer.html', 'footer');
+$(document).ready(function() {
+	// 封装一个函数用于处理鼠标悬停显示和隐藏内容
+	function handleHover($element, $content) {
+		$element.mouseenter(function() {
+			$content.stop(true, true).slideDown(400);
+		}).mouseleave(function() {
+			$content.stop(true, true).slideUp(400);
+		});
+	}
+	// 处理第一个导航项
+	handleHover($('.navItem').eq(0), $('.navItem').eq(0).find('.navItemConten'));
+	// 鼠标移入navItem_cyleft里面的li标签添加类，移除其他li的类
+	$('.navItem_cyleft li').mouseenter(function() {
+		$(this).addClass('it_active').siblings().removeClass('it_active');
+	});
+	// 处理第5 - 8个导航项
+	for (let i = 4; i < 8; i++) {
+		handleHover($('.navItem').eq(i), $('.navItem').eq(i).find('.navItemConten1'));
+	}
+	// 点击搜索
+	$('#openModalBtn').click(function() {
+		$('#scmodal').toggle();
+	});
+	$('.close-btn').click(function() {
+		$('#scmodal').hide();
+	});
+	// 点击选择国家
+	$('#countrycheck').click(function() {
+		$('#top-country').toggle();
+	});
+	$('.closecountrybt').click(function() {
+		$('#top-country').hide();
+	});
+});