如何编写html树形菜单,JavaScript实现简单的树形菜单效果

树形菜单

body {

font: 12px/20px 宋体;

}

img {

vertical-align: center;

border: none;

}

a {

text-decoration: none;

color: #000;

}

li {

list-style: none;

}

function onclickfclose(id) {

var ul = document.getElementById(id);

var objv = ul.style.display;

if (objv == 'none') {

ul.style.display = 'block'

} else {

ul.style.display = 'none';

}

}

树形菜单

文学艺术

• 著名小说
• 著名小说
• 著名小说
• 著名小说

房产论坛

• 房产推销
• 房产推销
• 房产推销
• 房产推销

提图专区

• 风景图画
• 风景图画
• 风景图画
• 风景图画

娱乐八卦

• 明星采访
• 明星采访
• 明星采访
• 明星采访