一个很通用的javascript的下拉菜单
来源:互联网 发布:企业淘宝费用预算 编辑:程序博客网 时间:2024/05/12 11:43
这是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" target="_blank">简 历</a></td>
</tr>
</table>
</TD></TR>
</TABLE>
</BODY>
</HTML>
具体的效果请看
http://kissan.533.net
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>- 一个很通用的javascript的下拉菜单
- 一个很通用的javascript的下拉菜单
- 一个简单的javascript+css 下拉菜单
- 通用的标准版下拉菜单
- javascript的下拉菜单
- 下拉菜单做翻页的通用代码
- 实现一个简单的Javascript级联下拉菜单
- 多级下拉菜单的JavaScript
- javascript-下拉菜单的实现
- 一个简单的下拉菜单
- javascript动态增加,删除一行之通用方法 包括下拉菜单的复制
- JavaScript+CSS下拉菜单系列(一)——仅一个选项下拉,高度固定的下拉菜单
- 通用的二级菜单代码(css+javascript)
- 仿微软的下拉式菜单(Javascript)
- javascript判断下拉菜单值的问题
- javascript控件 --年月日的下拉菜单
- JavaScript实现简单的下拉菜单
- javascript 实现联动的下拉菜单
- 在网页中使用realplayer播放rm文件
- 软微学院生涯(大结局篇)----三朝元老经验谈终结版
- 通过分析SQL语句的执行计划优化SQL(七)(1)
- 用层实现为网页中的图添加水印的效果
- 为什么SQL不许在视图定义ORDER BY子句
- 一个很通用的javascript的下拉菜单
- SQL数据操作基础(中级)10
- 我与Javascript 随笔(二)
- SQL数据操作基础(中级)9
- javascript版的日期输入控件
- SQL数据操作基础(中级)8
- 我也写了个日历控件
- SQL数据操作基础(中级)7
- 可输入的select改进版本,同一页面可有多个list,调用接