<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content-type:"text/html" charset="GBK">
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('.menu').hover(function(){
$(this).find('.panel').slideDown();
},function(){
$(this).find('.panel').slideUp();
});
});
</script>
<style type="text/css">
body{
padding: 0px;
margin: 0px;
font-family: "微软雅黑","宋体";
}
#menu1{
position: relative;
left: 30px;
top: 20px;
float: left;
}
#menu2{
position: relative;
left: 50px;
top: 20px;
float: left;
}
.flip{
width: 98px;
height: 30px;
line-height: 30px;
text-align: center;
color: black;
background-color: #ADFF2F;}
.panel{
margin: 0;
width: 98px;
height:170px;
display: none;
}
.panel ul{ list-style-type: none; margin:0; padding:0; }
a { text-decoration:none; cursor:pointer;}
ul li{
padding: 10px 8px;
font-size: 14px;
background: #90EE90;
}
</style>
</head>
<body>
<div id="menu1" class="menu">
<div class ="flip">走进中盛</div>
<div class = "panel">
<ul>
<li>
<a href="/about/">中盛简介</a>
</li>
<li>
<a href="/about/culture/">中盛文化</a>
</li>
<li>
<a href="/about/network/">销售网络</a>
</li>
<li>
<a href="/about/honor/">资质荣誉</a>
</li>
<li>
<a href="/about/boss/">总经理致辞</a>
</li>
</ul>
</div>
</div>
<div id="menu2" class="menu">
<div class ="flip">新闻资源</div>
<div class = "panel">
<ul>
<li>
<a href="#">公司新闻</a>
</li>
<li>
<a href="#">行业新闻</a>
</li>
</ul>
</div>
</div>
</body>
</html>加油！亲爱的自己！尽管前路崎岖，依旧努力向前！
292
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
