html +某种语言如何实现列表的展开
十字展开列表该怎么写?盼提示
------解决方案--------------------什么叫十字展开列表?
<ul>
<li>1</li>
<li>2</li>
</ul>
这样不行?
前面加个十字形的符号就是“十字展开列表”?
------解决方案--------------------CSDN的左侧导航不就是这种效果吗?
------解决方案--------------------html配合js可以做出来,一个简单的例子:
js代码:
<script type="text/javascript" language="javascript">
function show(num,obj){
if(document.getElementById(num).style.display=="none"){
document.getElementById(num).style.display="block";
obj.style.background="这里是图片的地址";
}else{
document.getElementById(num).style.display="none";
obj.style.background="这里是图片的地址";
}
}
</script>
html代码:
<div onclick="show(1,this)">菜单1</div>
<div id="1" style="display:none;" >
<a href="#">内容内容</a><br/>
</div>
<div onclick="show(2,this)">菜单2</div>
<div id="2" style="display:none;" >
<a href="#">内容内容</a><br/>
</div>
<div onclick="show(3,this)">菜单3</div>
<div id="3" style="display:none;" >
<a href="#">内容内容</a><br/>
<a href="#">内容内容</a><br/>
</div>
如果要换换图片的话,改图片的链接(前提是自己设置好了css样式,我那个地方是当成了背景图);