模仿AS效果的导航菜单
发布时间：2019-11-02 编辑：jiaochengji.com
教程集为您提供模仿AS效果的导航菜单等资源，欢迎您收藏本站，我们将为您提供最新的模仿AS效果的导航菜单资源
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>模仿Flash AS效果的导航菜单</title>
<style type="text/css">
<!--
a:link,a:visited { text-decoration: none; color: #666666 }
a:hover { text-decoration: underline }
#hor1 {
position:absolute;
left:320px;
top:20px;
width:220px;
height:20px;
z-index:1;
background-color: #999900;
}
#hor2 {
position:absolute;
left:320px;
top:40px;
width:220px;
height:20px;
z-index:2;
background-color: #FFCC00;
}
#hor3 {
position:absolute;
left:320px;
top:60px;
width:220px;
height:20px;
z-index:3;
background-color: #99CC00;
}
#board1 {
position:absolute;
left:320px;
top:40px;
width:220px;
height:120px;
z-index:-100;
background-color: #333333;
visibility: hidden;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}
body {
background-color: #666666;
}
#board2 {
position:absolute;
left:320px;
top:60px;
width:220px;
height:120px;
z-index:-90;
background-color: #333333;
visibility: hidden;
}
#board3 {
position:absolute;
width:220px;
height:120px;
z-index:-80;
left: 320px;
top: 80px;
background-color: #333333;
visibility: hidden;
}
#hor4 {
position:absolute;
left:320px;
top:80px;
width:220px;
height:20px;
z-index:4;
background-color: #99CCCC;
}
#board4 {
position:absolute;
left:320px;
top:100px;
width:220px;
height:120px;
z-index:-70;
background-color: #333333;
visibility: hidden;
}
-->
</style>
您可能感兴趣的文章：
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
7款风格新颖的jQuery/CSS3菜单导航分享
模仿Flash AS效果的导航菜单
模仿AS效果的导航菜单
模仿flash效果的跳动导航菜单代码
CSS Dock Menu
制作jquery遮罩层效果导航菜单代码分享
FLASH效果的导航菜单
jquery导航固定效果实例
超酷仿FLASH导航菜单效果
[关闭]