我要投稿
  • 您当前的位置:57365.com -> 技术教程 -> 网站建设教程 -> DOMJS教程 -> 教程内容
  • [ 收藏本页教程 ]
  • 一个很通用的javascript的下拉菜单DOMJS教程

    教程作者:佚名    教程来源:不详   教程栏目:DOMJS教程    收藏本页
     

    这是css文件css.css的内容

    .close{
      visibility:hidden;
      cellPadding=0; cellSpacing=0 ;
      height:21px;font:9pt;text-align:center
     
       }
    .open{
      visibility:visible;
      cellPadding=0; cellSpacing=0 ;
      height:24px;font:9pt;text-align:center;
      BORDER-TOP: #000000 1px solid;
      BORDER-BOTTOM: #000000 1px solid

       }
    .openleft{
      visibility:visible;
      cellPadding=0; cellSpacing=0 ;
      height:24px;font:9pt;text-align:center;
      BORDER-TOP: #000000 1px solid;
      BORDER-LEFT:#000000 1px solid ;
      BORDER-BOTTOM: #000000 1px solid
      }
    .openright{
      visibility:visible;
      cellPadding=0; cellSpacing=0 ;
      height:24px;font:9pt;text-align:center;
      BORDER-TOP: #000000 1px solid ;
      BORDER-RIGHT:#000000 1px solid ;
      BORDER-BOTTOM: #000000 1px solid
      }

    利用鼠标对象和表格的属性很容易实现下拉菜单!

    <HTML><HEAD><TITLE>最后还是笑笑/情感</TITLE>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <LINK href="/images/jishu513550CssFilescsscss.css"  type=text/css rel=stylesheet>
    <BODY bgColor=#dedfde leftMargin=0 marginwidth="0" topmargin="0">

    <TABLE width="80%"  align="center" cellPadding=0 cellSpacing=0  id="thelast" class=bian>
      
        <TR  height="67">
       <TD valign="top" width="9%" align=center >
       <table width="100%" class=close 
         onMouseOut="this.style.visibility='hidden'";
         onMouseOver="this.style.visibility='visible'" cellpadding="0" cellspacing="0">
         <tr>
         <td valign="center" title="本人本站的介绍" background="pic/back.jpg" height=23 class=openleft><a href='#'> 笑 笑</a></td>
         </tr>
                  <tr>
           <td valign="center" background="pic/back2.jpg"><a href="/html/jishu513550bzjs.html"  target="_blank">本 站</a></td>
         </tr>
         <tr>
           <td valign="center" background="pic/back2.jpg"><a href="/html/jishu513550grjj.html"  target="_blank">本 人</a></td>
         </tr>
         <tr>
           <td valign="center" background="pic/back2.jpg"><a href="/html/jishu513550jl.html"  target="_blank">简 历</a></td>
         </tr>    
         </table>

    </TD></TR>

    </TABLE>

    </BODY>

    </HTML>


     

     
    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.hxswjs.com All Rights Reserved.57365.com 版权所有