代碼折疊起來(lái),使整段程序縮成一行,看起來(lái)清爽了許多。大家在使用Visual Studio環(huán)境進(jìn)行開(kāi)發(fā)時(shí)，可以把某個(gè)類或某個(gè)函數(shù)折疊起來(lái)，在很多網(wǎng)頁(yè)上也有類似的功能，那到底是如何實(shí)現(xiàn)的呢？其實(shí)很簡(jiǎn)單，只要通過(guò)JavaScript就可以實(shí)現(xiàn)。
一、首先定義一個(gè)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';
}
}
二、然后在網(wǎng)頁(yè)上定義一個(gè)div和一個(gè)ul，注意div中要包含一個(gè)id為level開(kāi)頭的image和一個(gè)onclick事件，ul中id要包含row，默認(rèn)情況下是展開(kāi)的，如果需要默認(rèn)為閉合，則要在ul中加入style="display:none"
例子如下：
<body>
<divstyle="CURSOR: hand"
onclick="puckerMenu('1');"><IMGid=level1
src="images/minus.gif">public class DataAccess</div>
<ulid=row1>
<li> private string connString;
<divstyle="CURSOR: hand"
onclick="puckerMenu('2');"><IMGid=level2
src="images /plus.gif">protected DbConnection OpenConnection()</div>
<ulid=row2style="display:none">{...}</ul>
<li>
Other
</ul>
</body>
總結(jié)
以上就是本文的全部?jī)?nèi)容，希望對(duì)有需要的人能有所幫助。