JS实现菜单收缩

最新推荐文章于 2021-01-28 11:49:58 发布

cyx_java

最新推荐文章于 2021-01-28 11:49:58 发布

阅读量1.3k

点赞数

分类专栏： JAVA 文章标签： javascript iterator border generator menu struts

本文链接：https://blog.csdn.net/cyx_java/article/details/3928088

版权

JAVA 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Menu Test </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

function showmenu(strID){

var i;
for(i=0;i<=2;i++){

var lay;

lay = eval('lay' + i);

        if (lay.style.display=="block" && lay!=eval(strID)){
            lay.style.display = "none";
        }
    }

    if (strID.style.display=="none"){
        strID.style.display = "block";
    }else{
        strID.style.display = "none";
    }

}
</script>

</HEAD>

<BODY>

<tr>
<td bgcolor="#99CCFF"><a href="javascript:showmenu(lay0)" >Language</a></td>
</tr>

<tr>
<td bgcolor="#99CCFF"><a href="javascript:showmenu(lay1)" >FLASH</a></td>
</tr>

  <td><table width="100%" border="0" cellspacing="0">
     <tr>
    <td width="11%"> </td>
    <td width="89%"><a href="" target="_blank">FLASH - 1</a></td>
     </tr>

  </table></td>
</tr>

    <tr>
   <td> </td>
   <td><a href="Teach_Dr.asp?owen1=xxx&owen2=Photoshop">Photoshop</a></td>
    </tr>

    <tr>
   <td> </td>
   <td><a href="Teach_Dr.asp?owen1=xx&owen2=<a href="http://www.csdn.net" target="_blank">
   <font color=red>Fireworks</font></a>"><a href="http://www.baidu.com" target="_blank">
   <font color=red>Fireworks</font></a></a></td>
    </tr>

    <tr>
   <td> </td>
   <td><a href="" target="_blank">CorelDraw</a></td>
    </tr>
    </table></td>

</tr>

</table></td>
</tr>
</table>

</BODY>
</HTML>
-------------------------------------------------------------------------------------------------------------

可以传递一个表示menu数量的参数cnt

function showmenu(strID,cnt){

var i;
for(i=0;i<=cnt;i++){

          var lay;
          lay = eval('lay' + i);

          if (lay.style.display == "block" && lay != eval(strID)){
              lay.style.display = "none";
          }

     }

     if (strID.style.display == "none"){
         strID.style.display = "block";
     }else{
         strID.style.display = "none";
     }

}

------------------------------------------------------------------------------------------------------------

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<ul>

<s:iterator value="menuList" status="stat">
  <li>
   <span>
    <a href="javascript:showmenu(lay<s:property value="#stat.index"/>,

                         <s:property   value="menuList.size()-1"/>)" >
              <s:property value="menu" />
    </a>
   </span>

  <ul id="lay<s:property value="#stat.index"/>" style="display:none;" >
   <s:iterator value="childMenu">
    <li>
    <a target="_self" href="<s:property value="actionPath"/>">
     <s:property value="childMenuName" />
    </a>
    </li>
   </s:iterator>
  </ul>
  </li>
</s:iterator>
</ul>

cyx_java

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS实现菜单收缩

Menu Test function showmenu(strID){ var i; for(i=0;i var lay; lay = eval(lay + i); if (lay.style.display=="block" && lay!=eval(strID)){
复制链接

扫一扫