CSS 制作的三级菜单特效代码
日期:2007年8月11日 作者: 查看:[大字体 中字体 小字体]-
background:#fff;
}
/* 二级菜单宽 */
#nav li ul a {
width:120px; /* 二级菜单宽 */
/*line-height:24px; 二级菜单高
border:1px solid #CCC;*/
height:22px;
text-align:left;
margin: 0px;
}
#nav li ul ul {
margin:-22px 0px 0px 120px;
border:1px solid #CCC;
} /* 三级弹出位 */
#nav li:hover ul ul,#nav li.sfhover ul ul{left:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
left:auto;
height:22px;
} /* 所有弹出菜单自动左边距 */
#nav li:hover, #nav li.sfhover {
background:#f1f1f1;
height:22px;
}
/* 所有悬浮样式 */
-->
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1=new Image();
img1.src="http://www.QQread.com/web-standard/flyout_arrow.gif";
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegEXP(" sfhover\\b"), "");
}
}
}
window.onload=sfHover;
//--><!]]></script>
</head>
<body>
<table width="120" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign="top" id="menu">
<ul id="nav">
<li><a href="http://homepage.yesky.com" target="_blank">
<span style="font-size: 9pt">首页</span></a></li>
<li><a href="http://www.webjx.com/" target="_blank" class="selected">
<span style="font-size: 9pt">项目需求合作</span></a><span style="font-size: 9pt">
</span>
<ul>
<li ><a href="http://www.webjx.com/" class="selected"><span style="font-size: 9pt">网站项目
</span> </a>
<ul>
<li><a href="http://www.webjx.com/">
- 上一页 [1] [2] [3] [4] [5] 下一页
-
- CSS 制作的三级菜单特效代码 相关文章:
- ·破解QQ空间相册密码
- ·QQ空间开场代码使用说明
- ·QQ空间漂浮图片代码
- ·远程破OICQ密码给工具QQExplorer ver 1.25介绍
- ·忘记WindowsXP登录密码的解决方案
- ·密码破解简介
- ·QQ空间最新模拟植物代码
- ·巧妙破解Win XP的登录密码简法
- ·对联广告代码效果大全
- ·Java编写的计算器程序及源代码(1)
- CSS 制作的三级菜单特效代码 相关软件
- ·终极解码 V1.7.0408 简体中文版
- ·flv格式转3gp格式专用软件(微视转码工具)
- ·MediaCoder 影音转码快车V0.6.0.3990
- ·完美解码 2007.1115
- ·codesoft 条形码软件 V7.1.01
- ·注册码生成器 V1.0
- ·多功能密码破解软件 V4.5
- ·手机号码归属地查询软件 V5.3.7.0715 免费版
- ·王码五笔型输入法 86&98
- ·青霜微软媒体播放器RM解码器 V3.0
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
上一篇:25种风格各异的菜单
精品推荐
热点TOP10
- ·DIV+CSS布局入门实例教程
- ·创建一个纯CSS的水平导航条
- ·设计一个基于CSS的网页模板
- ·Javascript+CSS横向三级导航菜单
- ·站长推荐:53个CSS-不可或缺的技巧
- ·CSS文本:word-wrap
- ·如何使用CSS来进行网页排版
- ·网页设计基础:Div+CSS布局入门教程
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·CSS中的滑动门技术
- ·DIV CSS网页布局导航菜单源代码(17)
- ·使用CSS处理表格边框样式化
- ·CSS文本:text-overflow
- ·DW MX 2004 CSS 属性详解
- ·总结:用CSS进行网页样式设计攻略全集
- ·如何用CSS定义表格与模拟表格
- ·如何用css设置网页字体
- ·使用纯 CSS 设计3D按钮
- ·小技巧:div+css高度自适应
- ·深入了解CSS的继承性及其应用
特别推荐
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·CSS样式设计之CSS滤镜资料小结
- ·总结:用CSS进行网页样式设计攻略全集
- ·创建一个纯CSS的水平导航条
- ·如何用css设置网页字体
- ·CSS中的滑动门技术
- ·Javascript+CSS横向三级导航菜单
- ·CSS文本:word-wrap
- ·用CSS进行网页样式设计攻略全集
- ·用CSS实现的固定表头的HTML表格
- ·CSS属性列表
- ·如何使用CSS来进行网页排版
- ·使用纯 CSS 设计3D按钮
- ·纯CSS制作简洁的垂直导航
- ·网页设计基础:Div+CSS布局入门教程
- ·CSS 制作的三级菜单特效代码
- ·设计一个基于CSS的网页模板
- ·如何用CSS定义表格与模拟表格
- ·用CSS制作的美国国旗
- ·DW MX 2004 CSS 属性详解
