<%@ 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> 0
点赞
收藏
分享
列表显示的切换功能,有多级列表
相关推荐
0 条评论
