一、首先定义一个JavaScript function
,如下:
代码
- function puckerMenu(level) {
- var levelLength = ('row' + level).length;
- var toDo = '0';
- for (var iCount = 0 ; iCount < document.all.length; iCount++){
- if ( document.all[iCount].id.indexOf('row' + level) > -1 && ( document.all[iCount].id.length > levelLength)) {
- if ( document.all('level' + level).src.indexOf('minus.gif') > -1 ) {
- document.all[iCount].style.display = 'none';
- toDo = '1';
- } else {
- document.all[iCount].style.display = 'block';
- toDo = '0';
- }
- }
- }
- if ( toDo == '1' ) {
- document.all('level' + level).src = 'images/plus.gif';
- } else {
- document.all('level' + level).src = 'images/minus.gif';
- }
- }
二、然后在网页上定义一个div
和一个ul
,注意div
中要包含一个id
为level
开头的image
和一个onclick
事件,ul
中id
要包含row
,默认情况下是展开的,如果需要默认为闭合,则要在ul
中加入style="display:none"
例子如下:
代码
public class DataAccess