javascript怎么實現(xiàn)列表顯示與折疊

一、首先定義一個JavaScript function，如下：

為阿榮等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及阿榮網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、阿榮網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

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)頁上定義一個div和一個ul，注意div中要包含一個id為level開頭的image和一個onclick事件，ul中id要包含row，默認(rèn)情況下是展開的，如果需要默認(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

求 點擊展開/折疊JS代碼

SCRIPT language=javascript

function opencat1(cat,img){

if(cat.style.display=="none"){

cat.style.display="";

img.src="Images/class2.gif";

} else {

cat.style.display="none";

img.src="Images/class1.gif";

}

}

/Script

調(diào)用處:onclick="opencat1(cat,img)"

eclipse中js代碼如何設(shè)置可折疊？

js代碼設(shè)置可折疊設(shè)置：

設(shè)置代碼折疊在菜單欄的窗口--首選項

1、選擇常規(guī)--編輯器--structure text editors，可以看到Enable folding選項，打上勾就可以使用代碼折疊功能，但還要在具體的語言中設(shè)置。

2、選擇js--編輯器--折疊，選擇啟用折疊就可以讓js的代碼折疊了。