繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个很通用的javascript的下拉菜单
- Javascript
- 将HTML自动转为JS代码
- 一端时间轮换的广告
- 制作特殊字的脚本
- 美化下拉列表
- 文字幻灯片
- 判断是否输入完毕再激活提交按钮
- JS控制表格隔行变色
- 左右两侧的广告代码 简单
- 父窗口获取弹出子窗口文本框的值
- 网页的标准,IMG不支持onload标签怎么办
- 一个很简单的办法实现TD的加亮效果.
- 文本框栏目介绍
- 自动检查并替换文本框内的字符
- 会自动逐行上升的文本框
- 列表内容的选择
- 对textarea框的代码调试，而且功能上使用非常方便，酷
- 提高代码性能技巧谈—以创建千行表格为例
- Javascript的IE和Firefox兼容性汇编
- 让插入到 innerHTML 中的 script 跑起来
- DEFER怎么用？
Javascript 中的 一个很通用的javascript的下拉菜单
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 107 ::
收藏到网摘: n/a
这是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
评论 (0) All
