<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>月子汇所</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/header.css" />
<link rel="stylesheet" href="css/index.css" />
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
$(".download_section li.down").mouseover(function(){
$(this).addClass('.download_section select');
});
$(".download_section li.down").mouseout(function(){
$(this).removeClass('select');
});
var bannerHeight=$(".banner").height();
$(window).scroll(function(){
var scrollTop=$(window).scrollTop();
if(scrollTop>(bannerHeight+100)){
$(".download").addClass('fixed')
}
else{
$(".download").removeClass('fixed')
}
});
$(".download .download_btn").click(function(){
$('html, body, .content').animate({scrollTop: $(document).height()}, 600);
});
})
</script>
</head>
<body>
<div class="header">
<div class="container clearfix">
<div class="logo"><img src="images/logo.png" alt="" /></div>
<ul class="nav">
<li class="select"><a href="javascript:;">首页</a></li>
<li><a href="about_us.html">关于我们</a></li>
<li><a href="call_us.html">联系我们</a></li>
</ul>
</div>
</div>
<div class="banner">
<div class="bg"><img src="images/banner.jpg" alt=""/></div>
<div class="position">
<div class="container">
<img class="title" src="images/banner_tit.png" height="113" width="394" alt="" />
<div class="link">
<ul>
<li><a href="http://dl.eyzhs.com/yzhs/d.html"><img src="images/iphone_icon.png" alt="" />下载iphone版</a></li>
<li><a href="http://dl.eyzhs.com/yzhs/d.html"><img src="images/andraid_icon.png" alt="" />下载Android版</a></li>
</ul>
<div class="download_code"><img src="images/download_code.png" alt="" /></div>
</div>
</div>
<img src="images/phone.png" alt="" class="phone" />
</div>
</div>
<div class="download">
<div class="container">
<div class="logo2"><img src="images/logo.png" alt="" /></div>
<div class="download_btn">免费下载</div>
</div>
</div>
<div class="main">
<div class="section month_school">
<img src="images/tit_1.png" height="154" width="253" alt="" class="title" />
<div class="text">
<img class="text_1 rightmove" src="images/text_1.png" height="22" width="148" alt="" />
<img class="text_2 leftmove" src="images/text_2.png" height="37" width="298" alt="" />
<img class="text_3 rightmove" src="images/text_3.png" height="31" width="239" alt="" />
<img class="text_4 leftmove" src="images/text_4.png" height="27" width="196" alt="" />
<img class="text_5 leftmove" src="images/text_5.png" height="50" width="422" alt="" />
<img class="text_6 rightmove" src="images/text_6.png" height="23" width="117" alt="" />
<img class="text_7 leftmove" src="images/text_7.png" height="16" width="107" alt="" />
<img class="text_8 leftmove" src="images/text_8.png" height="26" width="174" alt="" />
<img class="text_9 leftmove" src="images/text_9.png" height="41" width="290" alt="" />
</div>
</div>
<div class="section month_func">
<img src="images/tit_2.png" height="185" width="311" alt="" class="title" />
<img src="images/func_1.png" height="484" width="680" alt="" class="func_1" />
<img src="images/func_2.png" height="82" width="89" alt="" class="func_2" />
<img src="images/func_3.png" height="107" width="97" alt="" class="func_3" />
<img src="images/func_4.png" height="140" width="77" alt="" class="func_4" />
</div>
<div class="section month_nurse">
<img src="images/tit_3.png" height="215" width="281" alt="" class="title" />
<img class="nurse_1" src="images/nurse_1.png" height="451" width="613" alt="" />
<img src="images/nurse_2.png" height="339" width="257" alt="" class="nurse_2" />
</div>
<div class="download_section">
<div class="title">根据你的手机，选择下载</div>
<ul class="clearfix">
<li class="down">
<a href="http://dl.eyzhs.com/yzhs/d.html">
<i class="icon ios"></i>
<p>Iphone</p>
</a>
</li>
<li class="down">
<a href="http://dl.eyzhs.com/yzhs/d.html">
<i class="icon android"></i>
<p>Android</p>
</a>
</li>
<li class="down_code"><img src="images/download_code.png" alt="" /></li>
</ul>
</div>
</div>
<div class="footer">
<div class="container">
<p>©Copyright 1999-2015 www.eyzhs.com All rights reserved 版权所有 北京百医汇健康科技有限公司</p>
<p>京ICP备14049723号-1 京公网安备11011402000145号</p>
</div>
</div>
</body>
</html>
手把手教你做APP官网网站（带动画效果，插入百度地图）
需积分: 15 69 浏览量
2016-03-20
22:26:30
上传
评论 3
收藏 920KB ZIP 举报
月子官网.zip （42个子文件） 
月子官网 css 
header.css 715B reset.css 2KB index.css 7KB about_us.css 429B call_us.css 552B .project 974B
shouye.html 5KB baidu_map.html 4KB call_us.html 6KB index2.html 6KB img images 
tit_1.png 12KB
main_bg.jpg 1KB func_1.png 123KB call_mainbg.jpg 76KB tit_2.png 14KB text_2.png 6KB tit_3.png 13KB nurse_1.png 149KB text_6.png 3KB download_code.png 952B text_4.png 4KB logo.png 7KB func_4.png 6KB text_1.png 3KB func_2.png 3KB text_3.png 5KB text_8.png 4KB text_9.png 6KB section_bg.jpg 937KB banner_tit.png 6KB func_3.png 4KB nurse_2.png 20KB text_5.png 8KB text_7.png 2KB iphone_icon.png 3KB andraid_icon.png 3KB banner.jpg 27KB phone_icon.png 9KB phone.png 127KB about_us.html 2KB js jquery-1.11.1.min.js 94KB wfgw.css 7KB资源评论
