列表显示的切换功能,有多级列表
<%@ page language="java" contentType="text/html"
??? pageEncoding="utf-8"%>
<html>
<head>
<title>Insert title here</title>
</head>
<body>
<div onmouseover="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" onmouseover="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" onmouseover="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" onmouseover="document.getElementById('2010_lis').style.display='';document.getElementById('2009_lis').style.display='none';document.getElementById('2008_lis').style.display='none';"><span onmouseover="document.getElementById('2010_lis').style.display='none';document.getElementById('2009_lis').style.display='';document.getElementById('2008_lis').style.display='none';"><span onmouseover="document.getElementById('2010_lis').style.display='none';document.getElementById('2009_lis').style.display='none';document.getElementById('2008_lis').style.display='';"><span style="display: none;">
??????? <div style="display: none;">
??????? <div style="display: none;">
??????? <div 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>
?