效果
2025年广西桂林市6区1市10县圩日表: 叠彩区 秀峰区 象山区 七星区 临桂区 雁山区 荔浦市 永福县 灵川县 阳朔县 恭城县 平乐县 灌阳县 全州县 资源县 龙胜县 兴安县
2024年广西桂林市6区1市10县圩日表: 叠彩区 秀峰区 象山区 七星区 临桂区 雁山区 荔浦市 永福县 灵川县 阳朔县 恭城县 平乐县 灌阳县 全州县 资源县 龙胜县 兴安县
2023年广西桂林市6区1市10县圩日表: 叠彩区 秀峰区 象山区 七星区 临桂区 雁山区 荔浦市 永福县 灵川县 阳朔县 恭城县 平乐县 灌阳县 全州县 资源县 龙胜县 兴安县
2022年广西桂林市区县圩日表: 桂林市区 临桂区 永福县 灵川县 阳朔县 恭城县 平乐县 灌阳县 全州县 荔浦市 资源县 龙胜县 兴安县
2021年广西桂林市区县圩日表: 桂林市区 临桂区 永福县 灵川县 阳朔县 恭城县 平乐县 灌阳县 全州县 荔浦市 资源县 龙胜县 兴安县
<html>
<head>
<title>菜单切换内容示例</title>
</head>
<body>
<nav>
<ul>
<li><a href="#home">2024年</a>
|<a href="#about">2023年</a>
</li></ul>
</nav>
<section id="home">
<p><!--#include File="/logo/xr/gx/gl2024.htm"--></p>
</section>
<section id="about" style="display: none;">
<p><!--#include File="/logo/xr/gx/gl2023.htm"--></p>
<script>
//获取菜单列表
var menuList = document.querySelectorAll("nav ul li a");
//遍历菜单列表,绑定点击事件
for (var i = 0; i < menuList.length; i++) {
menuList[i].addEventListener("click", function(event) {
//获取当前被点击的菜单链接的href属性
var href = this.getAttribute("href");
//获取对应的内容节点
var content = document.querySelector(href);
//隐藏所有内容节点
var allContent = document.querySelectorAll("section");
for (var j = 0; j < allContent.length; j++) {
allContent[j].style.display = "none";
}
//显示对应的内容节点
content.style.display = "block";
//阻止默认跳转行为
event.preventDefault();
});
</script>
</body>
</html>
扫一扫,打赏给我们,谢谢!
本站2016年12月16日起取消ruida.org.cn域名,该域名正式作废,该域名发布任何信息与本站无关。
启用ruida.org和hy928.net域名;
瑞达网,瑞达科技网宣
| 服务声明 | 充值中心| 华安五金电器 | 收费标准| 论坛| 留言| 实用查询| 会员中心| 下载帮助| 设为首页|
桂公网安备 45031202000155号