div+css问题 js树形菜单展开变成减号闭合是加号怎么实现的

 我来答

3个回答

#热议# 空调使用不当可能引发哪些疾病？

074vexq430
2011-08-25 · TA获得超过261个赞

知道答主

回答量：503

采纳率：0%

帮助的人：296万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), 
"");
}
}
}
window.onload=menuFix;
//--><!]]></script>
<style type="text/css">
body 
a 
a:hover 
#menu 
#menu ul 
#menu ul li 
#menu ul li a 
#menu ul li a:hover 
#menu ul li a#current 
#menu ul li ul 
#menu ul li ul li 
#menu ul li ul li a 
#menu ul li ul li a:hover 
#menu ul li:hover ul 
#menu ul li.sfhover ul 
</style>
</head>
<body>
<div id="menu">
  <ul>
    <li><a id="current" href="#">首页</a>
      <ul>
        <li><a href="#">下拉1</a></li>
        <li><a href="#">下拉1</a></li>
      </ul>
    </li>
    <li><a href="#">网页版式</a>
      <ul>
        <li><a href="#">下拉2</a></li>
        <li><a href="#">下拉2</a></li>
      </ul>
    </li>
    <li><a href="#">web教程</a>
      <ul>
        <li><a href="#">下拉3</a></li>
        <li><a href="#">下拉3</a></li>
        <li><a href="#">下拉3</a></li>
      </ul>
    </li>
    <li><a href="#">web实例</a>
      <ul>
        <li><a href="#">下拉4</a></li>
        <li><a href="#">下拉4</a></li>
        <li><a href="#">下拉4</a></li>
      </ul>
    </li>
    <li><a href="#">常用代码</a></li>
  </ul>
</div>
</body>
</html>



本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

19_c
2011-08-24 · TA获得超过394个赞

知道小有建树答主

回答量：513

采纳率：0%

帮助的人：365万

我也去答题访问个人页

关注

展开全部

定义两个类，分别用加号跟减号做背景，js切换两个类实现变化。

已赞过 已踩过<

评论收起

Razer_Abyssus
2011-08-26 · 超过17用户采纳过TA的回答

知道答主

回答量：62

采纳率：0%

帮助的人：42.9万

我也去答题访问个人页

关注

展开全部

那个叫折叠菜单，需要的话用jquery帮你写一个

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

div+css问题 js树形菜单 展开变成减号 闭合是加号 怎么实现的

其他类似问题

为你推荐：

div+css问题 js树形菜单展开变成减号闭合是加号怎么实现的