通用的javascript的下拉菜单
| 首 页 | 网页素材 | 网页特效 | 网页教程 | flash教程 | 3dmax教程 | ASP教程 | 常用范文 | 应用公文 |
教 程 | 频道首页 | flash教程 | 3dmax教程 | photoshop教程 | html/css | asp教程 | php教程 | fireworks教程 | dreamweaver教程|
资 料 | java教程 | 网页模版 | 搜索引擎 | 电脑技术 | 网络应用 | 操作系统 | 饮食文化 | 应用公文 | 贺词致辞 | 个人求职 |
频 道 | 明星资料 | 民俗风情 | 传统节日 | 人物传记 | 历史资料 | 常用范文 | 名胜古迹 | 体育资料 | 教育资料 | 综合资料 |
你的位置:首页 > 资料教程 > 正文 > 通用的javascript的下拉菜单
通用的javascript的下拉菜单

http://www.sucai123.com 资料教程 2004-10-5 23:26:28
转自:动态网制作指南 www.knowsky.com
这是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" 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="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"  ta

此新闻共有21 2


-来源:互联网 关闭 通用的javascript的下拉菜单】
∷∷ 相 关 文 章 ∷∷
·通用的javascript的下拉菜单
·弹出网页窗口全攻略(html/hta)
·shtml网页SSI使用详解
·HTML表格使用
·HTML中小meta的大作用
·CSS类及id的规范化命名
·CSS 循序渐进画个瓢
·CSS 循序渐进表里春秋
∷∷ 热 门 推 荐 ∷∷