<%@ page language="java" contentType="text/html"
pageEncoding="utf-8"%>
<html>
<head>
<title>Insert title here</title>
</head>
<body><div class="journal">
<div class="journalTitle"></div>
<div class="journalContent solid">
<div class="journalYear"> <a style="cursor:hand" οnmοuseοver="document.getElementById('2010_list').style.display='';document.getElementById('2009_list').style.display='none';document.getElementById('2008_list').style.display='none';">
2010年</a>
|
<a style="cursor:hand" οnmοuseοver="document.getElementById('2010_list').style.display='none';document.getElementById('2009_list').style.display='';document.getElementById('2008_list').style.display='none';">
2009年</a>
|
<a style="cursor:hand" οnmοuseοver="document.getElementById('2010_list').style.display='none';document.getElementById('2009_list').style.display='none';document.getElementById('2008_list').style.display='';">
2008年</a></div>
<div id="2010_list" class="fl">
<div class="journalYearL"><img src="fm.jpg"></div>
<div class="journalYearR">
<p><a style="cursor:hand" οnmοuseοver="document.getElementById('2010_lis').style.display='';document.getElementById('2009_lis').style.display='none';document.getElementById('2008_lis').style.display='none';"><span class="blue1 B fl">1</span></a></p>
<p><a style="cursor:hand" οnmοuseοver="document.getElementById('2010_lis').style.display='none';document.getElementById('2009_lis').style.display='';document.getElementById('2008_lis').style.display='none';"><span class="blue1 B fl">11</span></a></p>
<p><a style="cursor:hand" οnmοuseοver="document.getElementById('2010_lis').style.display='none';document.getElementById('2009_lis').style.display='none';document.getElementById('2008_lis').style.display='';"><span class="blue1 B fl">111</span></a></p>
</div>
<!-- 三级目录 start -->
<div id="2010_lis" class="fl">
<div class="journalYearL"><img src="fm1.jpg"></div>
<div class="journalYearR">
<p><span class="blue1 B fl">a</span></p>
<p><span class="blue1 B fl">aa</span></p>
<p><span class="blue1 B fl">aaa</span></p>
</div>
</div>
<div id="2009_lis" class="fl" style="display: none;">
<div class="journalYearL"><img src="fm1.jpg"></div>
<div class="journalYearR">
<p><span class="blue1 B fl">b</span></p>
<p><span class="blue1 B fl">bb</span></p>
<p><span class="blue1 B fl">bbb</span></p>
</div>
</div>
<div id="2008_lis" class="fl" style="display: none;">
<div class="journalYearL"><img src="fm1.jpg"></div>
<div class="journalYearR">
<p><span class="blue1 B fl">c</span></p>
<p><span class="blue1 B fl">cc</span></p>
<p><span class="blue1 B fl">ccc</span></p>
</div>
</div>
<!-- 三级目录 end -->
</div>
<div id="2009_list" class="fl" style="display: none;">
<div class="journalYearL"><img src="fm.jpg"></div>
<div class="journalYearR">
<p><span class="blue1 B fl">2</span></p>
<p><span class="blue1 B fl">22</span></p>
<p><span class="blue1 B fl">222</span></p>
</div>
</div>
<div id="2008_list" class="fl" style="display: none;">
<div class="journalYearL"><img src="fm.jpg"></div>
<div class="journalYearR">
<p><span class="blue1 B fl">3</span></p>
<p><span class="blue1 B fl">33</span></p>
<p><span class="blue1 B fl">333</span></p>
</div>
</div>
</div>
</div></body>
</html>
列表显示的切换功能,有多级列表
原创mb64a401e9f23d4 博主文章分类:javaScript ©著作权
©著作权归作者所有:来自51CTO博客作者mb64a401e9f23d4的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【k8s多集群管理平台开发实践】五、client-go实现k8s的hpa水平扩缩容的列表显示、创建hpa,读取yaml配置功能
本章节主要讲解通过client-go实现hpa【Horizontal Pod Autoscalert】水平扩缩容的列表、创建hap、读取yaml配置文件。通过hap可以实现根据cpu和内存设置的阀值实现deploy,statefulset的扩容和缩容。该部分代码主要有控制器部分代码、模型部分代码、前端html【采用layui框架、layuimini模板】、路由配置。yaml配置部分采用微软的monaco-editor编辑器来显示。
k8s kubernetes layui client-go 容器 -
Android学习之SimpleAdapter列表显示
MyListViewDemo.java:import java.util.ArrayList;import java.util.HashMap;import java.u
Android SimpleAdapter android xml java