java web树形菜单开发,求web高手~~
一直做得都是Java后端开发,最近经理给我分了个任务,其中一段是web树形菜单的处理。用jquery实现树形菜单(标签是ul和li)之后,发现ul和li无法导入到exce...
一直做得都是Java后端开发,最近经理给我分了个任务,其中一段是web树形菜单的处理。用jquery实现树形菜单(标签是ul和li)之后,发现ul和li无法导入到excel。在此特请java大神,帮忙用table,td,td(可配合span',div)实现树形菜单。努力研究了两天,我已经跪了,效果见图片
若能实现,如救我一命,胜造七级浮屠。。。。。 展开
若能实现,如救我一命,胜造七级浮屠。。。。。 展开
展开全部
呵呵,你可以看一下easyUI框架的功能。
如果非要自己写的话:大体就是这样的:
<ul>
<li id="ts">图书
<ul id="tsts"><li id="kx">科学类</li><li id="wx">文学类</li></ul>
</li>
<li id="yx">影像</li>
</ul>
其他的自己嵌套进去就可以了;
然后主要是在js里的处理:
$(functoin(){
var tsts = 0;
$("#tx").click(functon(){
if(tsts==0){
//this.child.display=none;具体设置属性的方法你看一下是不是这样的。
$("#tsts").css("display":"none");
tsts = 1;
} else{
$("#tsts").css("display":"block");
tsts = 0;
}
});
});
好吧,结构大体就是这样的了。还有那个加减号的变化你自己看一下。也要绑定的单击事件里面。
如果非要自己写的话:大体就是这样的:
<ul>
<li id="ts">图书
<ul id="tsts"><li id="kx">科学类</li><li id="wx">文学类</li></ul>
</li>
<li id="yx">影像</li>
</ul>
其他的自己嵌套进去就可以了;
然后主要是在js里的处理:
$(functoin(){
var tsts = 0;
$("#tx").click(functon(){
if(tsts==0){
//this.child.display=none;具体设置属性的方法你看一下是不是这样的。
$("#tsts").css("display":"none");
tsts = 1;
} else{
$("#tsts").css("display":"block");
tsts = 0;
}
});
});
好吧,结构大体就是这样的了。还有那个加减号的变化你自己看一下。也要绑定的单击事件里面。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询