当前位置: 首页 > 学习 > 电脑学习 > 网站开发 > JavaScript > 实例技巧 > 正文

一个很通用的javascript的下拉菜单

http://www.zk168.com.cn  招考学习网 2006-4-18 19:13:02
-----------------------------------------------------------[交流]-[打印]-[发送]-[收藏]--

这是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="CssFiles/css.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"
    <TR  height="67">
   <TD valign="top" width="9%" align=center >
   <table width="100%"
     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 href='#'> 笑 笑</a></td>
     </tr>
              <tr>
       <td valign="center" background="pic/back2.jpg"><a href="bzjs.html"  target="_blank">本 站</a></td>
     </tr>
     <tr>
       <td valign="center" background="pic/back2.jpg"><a href="grjj.html"  target="_blank">本 人</a></td>
     </tr>
     <tr>
       <td valign="center" background="pic/back2.jpg"><a href="jl.html"  target="_blank">简 历</a></td>
     </tr>    
     </table>

</TD></TR>

</TABLE>

</BODY>

</HTML>


-----------------------------------------------------------[交流]-[打印]-[发送]-[收藏]--
最新入库:
 
·实质、过程及意义——阿多尔诺“否定的辩证法”探微
·从Ontology的译名之争看哲学术语的翻译原则
·论马克思主义哲学经典的解释——解释学方法及其在马克
·中国哲学当前的核心与周边问题
·和合学与21世纪文化价值和科技
·中国文化的和合精神与21世纪
·宗教之间理当相互宽容
·上半个世纪的自由主义
·殷周至春秋时期神人关系之演进
·大学之道:构建以“三纲八目”为核心的道德修养体系
相关内容:
 
·环保企业人力资源开发与管理的实证研究————巨龙公
·21世纪以煤和天然气为原料的C1化学
·重油制气污水处理系统(A/O)技术改造
·OECD主要国家软件业发展概况
·英美CPA管理模式及其启示
·沙角C电厂事故顺序记录的通道组态分析及整改
·改造NERA微波公务信道为国产监控信道
·LFCB-102型微波分相差动保护的应用
·沙角C电厂厂用电结线分析
·EAStudio让电子商务网站如虎添翼
网友点评:
 
会员名称:
密码:匿名 ·注册·忘记密码?
评论内容:
(最多300个字符)
  查看评论
友情提醒:
 1.库中的资料大都来自互联网、网友上传、各类书籍,在录入的过程中难免会出现错误,恳请网
 友来信指正!
 2.如果网友在本库中未能找到所需要的材料,请登陆到我们的论坛《招考学习网》版块!
 3.考友想加入招考学习网的编辑部,请发信到XueXiWang#Gmail.com(#改为@)附带个人简历
 4.如需转载请注明出处及作者,谢谢合作!
 5.如果您有更好的建议或意见请EMAIL:XueXiWang#Gmail.com (#改为@)
 6.凡标题中有注有“[NO]”字样均不含答案且答案整理中.
 7.如本库中转载文章涉及版权等问题,请相关网站或作者在两周内发邮件通知(EMAIL:  XueXiWang#Gmail.com (#改为@))我们,我们接到通知后立即删除该文章及链接!
你问我答 更多>>