效果 周边市县年份选择|2024年 |2023年|2022年|2021年 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> </section> <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>
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号