Ringo Juice

實線：
tree_lst_solid.gif／tree_end_solid.gif

虛線：
tree_lst_dotted.gif／tree_end_dotted.gif

/************************************/
/* list群組化 */
ul.tree {
margin: 0px!important;
padding: 0px!important;
list-style: none!important;
}
ul.tree li{
margin: 0px!important;
padding: 0px 0px 0px 16px!important;
background-image: url(圖片（list部）的網址);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree li.end {
background-image: url(圖片（end部）的網址);
}

/* ツリーオプションここから */
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '├ '; /* ツリー用マーク(通常) */
gTreeOption['end'] = '└ '; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '＜br /＞\n'; /* 各枝の末尾 */
gTreeOption['top'] = '＜br /＞\n'; /* ツリー本体の最初 */
gTreeOption['btm'] = ''; /* ツリー本体の最後 */
/* ツリーオプションここまで */

將藍色字部分改成下面紅色字部分

var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '＜li class="lst"＞'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '＜li class="end"＞'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '＜/li＞\n'; /* 各枝の末尾 */
gTreeOption['top'] = '＜ul class="tree"＞'; /* ツリー本体の最初 */
gTreeOption['btm'] = '＜/ul＞'; /* ツリー本体の最後 */

注意：
紅色部分的語法記得把所有的＜＞改成半形的<>

var gTreeOption = new Array;
gTreeOption['sort'] = false;
gTreeOption['list'] = '├ ';
gTreeOption['end'] = '└ ';
gTreeOption['leef'] = '＜br /＞\n';
gTreeOption['top'] = '＜br /＞\n';
gTreeOption['btm'] = '';