您的位置：首页 > Web前端 > JQuery

夺命雷公狗jquery---34导航条案例之下拉选择

2015-10-29 11:31 633 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body {
margin:0;
padding:0;
}

div.menu {
margin:0;
padding:0;
width:100%;
height:30px;
background:#145285;
}

ul,li {
margin:0;
padding:0;
list-style:none;
}

ul li {
padding:0 20px;
line-height:30px;
float:left;
font-size:12px;
font-weight:bold;
color:#fff;
}

div.content {
width:100%;
height:100px;
font-size:12px;
padding: 10px 0;
line-height:30px;
text-indent:24px;
background-color:#E4F1FA;
display:none;
}

div.content img {
float:left;
}
</style>
<script src="js/jquery.js"></script>
<script>
$(function(){
$('li:eq(0)').hover(function(){
$('div.content').slideDown(500);
},function(){
$('div.content').hide();
});
});
</script>
</head>
<body>
<div class="menu">
<ul>
<li>网站首页</li>
<li>关于拓邦</li>
<li>品牌中心</li>
<li>经营优势</li>
</ul>
</div>

<div class="content">
<img src="images/x1.jpg" />拓邦·舒适家最早成立于2000年。拓邦·舒适家的成立，肩负了整合有利于环境保护、造福后代、科技含量高的节能产品的使命。致力于为广大用户朋友提供地暖采暖、中央空调、新风系统、净水系统等舒适家居解决方案。拓邦·舒适家已在长沙、武汉等近十个大中城市设立了自己的销售、服务及仓储中心，是全国客户、门店及仓储规模最大、技术力量最好、产品代理级别最高、管理最完善的集成拓邦·舒适家最早成立于2000年。拓邦·舒适家的成立，肩负了整合有利于环境保护、造福后代、科技含量高的节能产品的使命…
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航