首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

html +某种语言怎么实现列表的展开

2013-04-20 
html+某种语言如何实现列表的展开十字展开列表该怎么写?盼提示[解决办法]什么叫十字展开列表?ulli1/l

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样式,我那个地方是当成了背景图);

热点排行