加入
<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>
用Jquery很简单的，建议参考思路，多变化<script type="text/javascript">
$().ready(function(){
$("#myLabel").click(function(){
$(this).html("收起")
},
function(){
$(this).html("全文")
})
})
</script>
...
<label id="myLabel">全文</label>
