导航条1--无图片
来源:互联网 发布:mysql 防止sql注入 编辑:程序博客网 时间:2024/05/16 01:14
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>横向菜单</TITLE>
<STYLE type="text/css">
td {
FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 22px;
}
div{/*设置层背景样式*/
background-color:#669933;
text-align:center;position:absolute;z-index:2;display:none; }
A {FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: none;
/*文字链接的背影样式*/
background-color:#dfdfdf;
width:100px;line-height:22px;text-align:center;border-bottom:1 #FFFFFF solid;}
A:hover {FONT-SIZE: 13px; COLOR: #FFFFFF;
/*鼠标在文字链接上时的文字背景样式*/
background-color:#cc0000;
width:100px;line-height:22px;text-align:center;}
</STYLE>
<SCRIPT language="JavaScript">
function show(d1){
document.getElementById(d1).style.display='block'; //显示层
}
function hide(d1){
document.getElementById(d1).style.display='none'; //隐藏层
}
</SCRIPT>
</HEAD>
<BODY><TABLE width="610" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD><A href="#" onMouseMove="show('s1')" onMouseOut="hide('s1')">标题1</A></TD>
<TD><A href="#" onMouseMove="show('s2')" onMouseOut="hide('s2')">标题2</A></TD>
<TD><A href="#" onMouseMove="show('s3')" onMouseOut="hide('s3')">标题3</A></TD>
<TD><A href="#" onMouseMove="show('s4')" onMouseOut="hide('s4')">标题4</A></TD>
<TD><A href="#" onMouseMove="show('s5')" onMouseOut="hide('s5')">标题5</A></TD>
<TD><A href="#" onMouseMove="show('s6')" onMouseOut="hide('s6')">标题6</A></TD>
</TR>
<TR>
<TD><DIV id="s1" onMouseMove="show('s1')" onMouseOut="hide('s1')"><A href="#">链接1</A><BR>
<A href="#">链接2</A><BR>
<A href="#">链接3</A><BR>
<A href="#">链接4</A><BR>
<A href="#">链接5</A><BR>
<A href="#">链接6</A><BR>
<A href="#">链接7</A><BR>
<A href="#">链接8</A></DIV>
</TD>
<TD><DIV id="s2" onMouseMove="show('s2')" onMouseOut="hide('s2')"><A href="#">链接1</A><BR>
<A href="#">链接2</A></DIV></TD>
<TD><DIV id="s3" onMouseMove="show('s3')" onMouseOut="hide('s3')"><A href="#">链接1</A><BR>
<A href="#">链接2</A><BR>
<A href="#">链接3</A></DIV></TD>
<TD><DIV id="s4" onMouseMove="show('s4')" onMouseOut="hide('s4')"></DIV></TD>
<TD><DIV id="s5" onMouseMove="show('s5')" onMouseOut="hide('s5')"></DIV></TD>
<TD><DIV id="s6" onMouseMove="show('s6')" onMouseOut="hide('s6')"><A href="#">链接1</A><BR><A href="#">链接2</A><BR><A href="#">链接3</A></DIV></TD>
</TR></TABLE>
</BODY>
</HTML>
- 导航条1--无图片
- css实现无图片三角形垂直导航条
- ios7无导航条状态栏显示异常
- 解决导航无竖向滚动条小结
- 自定义导航条1
- 无图片炫酷动感导航菜单
- UINavigationController应用之—-从无导航条push到有导航条
- jQueryday06(图片导航 滚动条位置 图片位置设置获取)
- 导航条
- 导航条
- 导航条
- 导航条
- 导航条
- 导航条
- 导航条
- 导航条
- CSS实现导航条图片的翻转菜单
- CSS实现导航条图片的翻转菜单
- 在Ubuntu 9.10下搭建Java开发环境(四):Oracle10g篇
- 伪句柄
- 80后需要牢记的十大人生底线
- EXTJS 元素,对象选择器示例
- THE THIRD CENTOS INSTALLATION
- 导航条1--无图片
- Gamebryo 引擎的总体框架
- Android中的布局
- 表单数据是如何提交的?
- EXTJS 事件 相关示例
- 很高兴能进去这里
- 如何提高打字速度
- Value Type和Reference Type的区别
- wince编译Debug版本错误解决