zoukankan      html  css  js  c++  java
  • 树形菜单

    .

    .

    .

    .

    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE>树形菜单</TITLE>
    <STYLE type="text/css">
    DIV {
    	FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 22px;
    }
    A{FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: none}
    A:hover {FONT-SIZE: 13px; COLOR: #999999}
    </STYLE>
    <SCRIPT language="JavaScript">
    function show(d1){
    if(document.getElementById(d1).style.display=='none'){
    document.getElementById(d1).style.display='block';  //如果触动的层如果处于隐藏状态,即显示
    }
    else{document.getElementById(d1).style.display='none';  //如果触动的层如果处于显示状态,即隐藏
    }
    }
    </SCRIPT>
    </HEAD>
    
    <BODY>
    
    <DIV HEIGHT="30"><FONT color="#CC0000" ><B><IMG src="image/fold.gif" width="16" height="16" align="absmiddle">树形菜单:</B></FONT></DIV>       
    <A href="javascript:onClick=show('1') "><IMG src="image/fclose.gif"  border="0" align="absmiddle" >文学艺术</A>
    <DIV id="1" style="display:none"><IMG src="image/doc.gif" align="absmiddle">先锋写作<BR>
                <IMG src="image/doc.gif" align="absmiddle">小说散文<BR>
                <IMG src="image/doc.gif" align="absmiddle">诗风词韵</DIV>
              <DIV><A href="javascript: onClick=show('2') "><IMG src="image/fclose.gif" border="0" align="absmiddle">贴图专区</A></DIV>
              <DIV id="2" style="display:none"><IMG src="image/doc.gif" align="absmiddle">真我风采<BR>
                <IMG src="image/doc.gif" align="absmiddle">视频贴图<BR>
                <IMG src="image/doc.gif" align="absmiddle">行行摄摄<BR>
                <IMG src="image/doc.gif" align="absmiddle">Flash贴图</DIV>
    </BODY>
    </HTML>
    

  • 相关阅读:
    Spark的精简安装步骤---陈楠心血总结
    关于Hadoop的集群环境下虚拟机采用NAT方式连不上网的解决
    size_t总结
    POJ 1852 Ants
    Digital Roots 1013
    1350. Primary Arithmetic
    Word Reversal
    POJ 2876 Cantoring Along
    逆序数的求法
    C++ 中cin
  • 原文地址:https://www.cnblogs.com/0xcafebabe/p/2073664.html
Copyright © 2011-2022 走看看