加入
<style>
xxxUL{
width:xxx
height:xxx
}
xxxUL li{
display:block
padding:0 0 0 40px
list-style-img:(图标路径) xpx xpx no-repeat 图标位置 调整
list-style:none
width:xxx
height:xxx
}
</style>
差不多这样就行了吧看你的HTML 是不是 用的这个结构
这样就是一个展开收缩的效果了<body>
<div id="div1">
<ul>
<li></li>
</ul>
</div>
<script>
var oDiv = document.getElementById('div1')
var oUl = oDiv.getElementsByTagName('ul')[0]
var Off = true
oDiv.onclick = function(){
if(Off){
oUl.style.display = "block"
Off = false
}else{
oUl.style.display = "none"
Off = true
}
}
</script>
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML
（标准通用标记语言的一个子集）等文件样式的计算机语言。
有三种方法可以在站点网页上使用样式表：
外联式Linking（也叫外部样式）：将网页链接到外部样式表。
嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。
内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。
在Dreamweaver 8中，可以在开始弹出框中点击新建CSS文件。也可以在最上面的菜单栏里占击
文件，新建。在弹出框中选择CSS文件就可以了。
