列表显示的切换效能（div）_读书人

列表显示的切换效能（div）

发布时间： 2012-10-06 17:34:01 作者： rapoo

列表显示的切换功能（div）

<%@ page language="java" contentType="text/html"
??? pageEncoding="utf-8"%>
<html>
<head>
<title>Insert title here</title>
</head>
<body>

<div onclick="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" onclick="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" onclick="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" 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">3</span></p>
????????? <p><span class="blue1 B fl">3</span></p>
????????? <p><span class="blue1 B fl">3</span></p>
??????? </div>
????? </div>
??? </div>
</div>

</body>
</html>

?

读书人网 >Web前端

热点推荐