最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
科技
当前位置： 首页 - 科技 - 知识百科 - 正文

完全css弹出菜单

来源：懂视网 责编：小采 时间：2020-11-27 18:53:46
文档

完全css弹出菜单

完全css弹出菜单:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title
推荐度：
点击下载本文 文档为doc格式
导读完全css弹出菜单:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>弹出菜单</title>
<style type="text/css">
/* common styling */
.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


</style>
<!--[if lte IE 6]>
<style type="text/css">
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}


.menu ul li a:hover {color:#fff; background:#36f;}
.menu ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
.menu ul li a:hover ul li a:hover ul.left {left:-105px;}


</style>
<![endif]-->
</head>


<body>


<div class="menu">


<ul>
<li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a href="http://www.php1.cn/"><table><tr><td>
<![endif]-->


<ul>
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/">


<li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a class="sub" href="http://www.php1.cn/"> <table><tr><td>
<![endif]-->


<ul>
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> </ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>


<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> </ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>


<li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a href="http://www.php1.cn/"><table><tr><td>
<![endif]-->


<ul>
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> </ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>


<li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a href="http://www.php1.cn/"><table><tr><td>
<![endif]-->


<ul>
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> </ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>


<li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a href="http://www.php1.cn/"><table><tr><td>
<![endif]-->


<ul>
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> </ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>


<li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a href="http://www.php1.cn/"><table><tr><td>
<![endif]-->


<ul>
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> </ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>


<li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a href="http://www.php1.cn/"><table><tr><td>
<![endif]-->


<ul>
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> </ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>


<li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a href="http://www.php1.cn/"><table><tr><td>
<![endif]-->


<ul>
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a class="hide" href="http://www.php1.cn/">


<!--[if lte IE 6]>
<a class="sub" href="http://www.php1.cn/"> <table><tr><td>
<![endif]-->


<ul class="left">
<li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> <li><a href="http://www.php1.cn/"> </ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>
</ul>


<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->


</li>
</ul>


</div>
</body>
</html>

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

完全css弹出菜单

完全css弹出菜单:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title
推荐度：
点击下载本文 文档为doc格式
标签： 菜单 弹出 完全
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
产品服务 发展历程 企业资讯 企业文化 关于我们 加入我们 联系我们 网站导航 网站律师

Copyright © 2019-2024 51dongshi.com 版权所有

赣ICP备2023002352号-2

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top