asp 高手请进 asp树形菜单的问题 高分请教
帮忙修改以下代码要求:进入页面的时候最后一个折叠层打开其余的折叠菜单全折叠起来,打开时一级菜单右面小图标显示减号图标,折叠起来显示加号图标,li标记前的原点去掉,并将二级...
帮忙修改以下代码
要求:进入页面的时候最后一个折叠层打开 其余的折叠菜单全折叠起来,打开时一级菜单右面小图标显示减号图标,折叠起来显示加号图标,li标记前的原点去掉,并将二级div像左移 本人现在只有110分回答满意的话会全部给,请高手不吝赐教,若不能全部实现,实现一部分也行
<script language="javascript">
function hideAll() {
for(i=0;i<odiv.length;i++) {
odiv[i].style.display="none"; }
}
function showObj(num)
{
if (odiv[num].style.display=="none")
{
hideAll();
odiv[num].style.display="inline";
}
else {
odiv[num].style.display="none";
}
}
</script>
<style type="text/css">
<!--
div{}
#li{list-style-type:none; color:#000000;}
.divctrl{
cursor:hand;height:20px;
}
-->
</style>
<div onClick="showObj(0)" class="divctrl"><a href="#"><img src="../image/i_plus.gif" width="11" height="11" border="0" />div</a></div>
<div id="odiv" style="display:inline">
<li class="li"> <a href="#"><img src="../image/id_icon.gif" width="8" height="9" border="0" />div</a></li>
<li class="li"> <a href="#"><img src="../image/id_icon.gif" alt="" width="8" height="9" border="0" />div</a></li>
<li class="li">
<div align="left"><a href="#"><img src="../image/id_icon.gif" alt="" width="8" height="9" border="0" />div</a></div>
</li>
<li class="li">
<div align="left"><a href="#"><img src="../image/id_icon.gif" alt="" width="8" height="9" border="0" />div</a></div>
</li>
<li class="li">
<div align="left"><a href="#"><img src="../image/id_icon.gif" alt="" width="8" height="9" border="0" />div</a></div>
</li>
</div>
<div onClick="showObj(1)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(2)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(3)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(4)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div> 展开
要求:进入页面的时候最后一个折叠层打开 其余的折叠菜单全折叠起来,打开时一级菜单右面小图标显示减号图标,折叠起来显示加号图标,li标记前的原点去掉,并将二级div像左移 本人现在只有110分回答满意的话会全部给,请高手不吝赐教,若不能全部实现,实现一部分也行
<script language="javascript">
function hideAll() {
for(i=0;i<odiv.length;i++) {
odiv[i].style.display="none"; }
}
function showObj(num)
{
if (odiv[num].style.display=="none")
{
hideAll();
odiv[num].style.display="inline";
}
else {
odiv[num].style.display="none";
}
}
</script>
<style type="text/css">
<!--
div{}
#li{list-style-type:none; color:#000000;}
.divctrl{
cursor:hand;height:20px;
}
-->
</style>
<div onClick="showObj(0)" class="divctrl"><a href="#"><img src="../image/i_plus.gif" width="11" height="11" border="0" />div</a></div>
<div id="odiv" style="display:inline">
<li class="li"> <a href="#"><img src="../image/id_icon.gif" width="8" height="9" border="0" />div</a></li>
<li class="li"> <a href="#"><img src="../image/id_icon.gif" alt="" width="8" height="9" border="0" />div</a></li>
<li class="li">
<div align="left"><a href="#"><img src="../image/id_icon.gif" alt="" width="8" height="9" border="0" />div</a></div>
</li>
<li class="li">
<div align="left"><a href="#"><img src="../image/id_icon.gif" alt="" width="8" height="9" border="0" />div</a></div>
</li>
<li class="li">
<div align="left"><a href="#"><img src="../image/id_icon.gif" alt="" width="8" height="9" border="0" />div</a></div>
</li>
</div>
<div onClick="showObj(1)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(2)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(3)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div>
<div onClick="showObj(4)" class="divctrl"><a href="#">div</a></div>
<div id="odiv" style="display:inline">
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
<li><a href="#">div</a></li>
</div> 展开
3个回答
展开全部
参考资料: http://www.onlyaa.com/html/project/jquery/200807/08-2252.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我有个牛B的树行菜单代码,比较成熟
你看看lib.zjez.com.cn左边的菜单
你看看lib.zjez.com.cn左边的菜单
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询