<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" rel="stylesheet" href="css/health.css">
<script src="js/jquery-1.12.4.js"></script>
<script src="js/myjQuery.js"></script>
<script src="js/animate.js"></script>
<script src="js/move.js"></script>
<script>
window.onload=function(){
var banner=document.getElementById('ban');
var move=document.getElementById('move');
var uls=document.getElementById('uls');
var lis=uls.getElementsByTagName('li');
var les=document.getElementById('contrl_left');
var rts=document.getElementById('contrl_right');
var moves=new Move(rts,les,lis,banner);
};
</script>
</head>
<body>
<!---黑色部分导航栏 -->
<div class="health_top_nav">
<div class="left">
<ul>
<li><a href="../美食天下.html">首页</a></li>
<li><a href="javascript:;">菜谱</a></li>
<li><a href="javascript:;">食材</a></li>
<li><a href="../zhenxuan/zhenxuan.html;">珍选</a></li>
<li><a href="javascript:;">健康</a></li>
<li><a href="javascript:;">专题</a></li>
<li><a href="javascript:;">社区</a></li>
<li><a href="javascript:;">话题</a></li>
<li><a href="javascript:">活动</a></li>
<li><a href="javascript:">搜索</a></li>
<li><a href="javascript:"></a></li>
</ul>
</div>
<div class="right">
<ul>
<li><a href="javascript:;">登录</a></li>
<li><a href="javascript:;">注册</a></li>
<li><a href="javascript:;">QQ登录</a></li>
<li><a href="javascript:;">发布</a></li>
<li><a href="javascript:;">签到有礼</a></li>
<li><a href="javascript:;">客户端</a></li>
</ul>
</div>
</div>
<div class="health_header">
<div class="health_logo">
<img src="image/logo.png" alt="">
<ul>
<li><a href="javascript:;">健康</a></li>
</ul>
</div>
<div class="health_nav">
<ul>
<li><a href="javascript:;">健康首页</a></li>
<li><a href="javascript:;">头条</a></li>
<li><a href="javascript:;">排行</a></li>
<li><a href="javascript:;">食疗食补</a></li>
</ul>
</div>
<div class="health_search">
<input type="text" class="txt">
<button class="btn">搜索</button>
</div>
<!--health_header的子元素-->
<div class="health_navs">
<ul>
<li><a href="javascript:;">首页</a></li>
<li><a href="javascript:;">饮食常识</a></li>
<li><a href="javascript:;">瘦身美容</a></li>
<li><a href="javascript:;">母婴饮食</a></li>
<li><a href="javascript:;">食疗食补</a></li>
<li><a href="javascript:;">食物档案</a></li>
<li><a href="javascript:;">营养手册</a></li>
<li><a href="javascript:;">健康专栏</a></li>
<li><a href="javascript:;">浏览所有文章</a></li>
</ul>
</div>
</div>
<div class="health_bgbanner" id="bg_b">
<!--宽度990-->
<div class="health_banner" id="ban">
<div class="move_banner" id="move">
<!--uls宽度是4个health_banner的宽度加右边距-->
<ul id="uls">
<li><a href="javascript:;">
<img src="image/bg_1.jpg" alt="">
<h4>薏米冬天吃有效吗</h4>
</a></li>
<li><a href="javascript:;">
<img src="image/bg_2.jpg" alt="">
<h4>冬季吃水果，注意这三个禁忌</h4>
</a></li>
<li><a href="javascript:;">
<img src="image/bg_3.jpg" alt="">
<h4>家常菜N种，这15种能降压的菜不能错过</h4>
</a></li>
<li><a href="javascript:;"><img src="image/bg_4.jpg" alt="">
<h4>吃梨养肺，吃对了才有效</h4>
</a></li>
<li><a href="javascript:;"><img src="image/bg_5.jpg" alt="">
<h4>孕妇缓解便秘就吃六种食物</h4>
</a></li>
<li><a href="javascript:;"><img src="image/bg_6.png" alt="">
<h4>补铁的9种食物，韭菜能补铁吗？</h4>
</a></li>
<li><a href="javascript:;"><img src="image/bg_7.jpg" alt="">
<h4>为骨质疏松加强营养的10种食疗方法</h4>
</a></li>
<li><a href="javascript:;"><img src="image/bg_8.jpg" alt="">
<h4>保护心脏，这些食物是天然的补品！</h4>
</a></li>
<li><a href="javascript:;"><img src="image/bg_9.jpg" alt="">
<h4>良好的饮食习惯，是健康长寿的秘诀</h4>
</a></li>
</ul>
</div>
<div id="contrl_left"><</div>
<div id="contrl_right">></div>
</div>
</div>
<!--//health_recomment :990px,包括左右两个盒子，左边645px 右边300px-->
<div class="health_recomment">
<!--health_recomment的子元素 左边recomment_tab：645px-->
<ul class="recomment_tab">
<li class="curr"><a href="javascript:;">最新推荐</a></li>
<li><a href="javascript:;">最新发布</a></li>
<li><a href="javascript:;">饮食常识</a></li>
<li><a href="javascript:;">瘦身美容</a></li>
<li><a href="javascript:;">母婴饮食</a></li>
<li><a href="javascript:;">食疗食补</a></li>
</ul>
<!--右边盒子的标题-->
<ul class="recomment_food ">
<li class="curr"><a href="javascript:;">菜谱推荐</a></li>
</ul>
<!--左边盒子的板块切换-->
<div class="recomment_news">
<!--.recomment_model6个模块的统一名称， 6个板块左浮动，溢出隐藏-->
<!--模块1 --- 最新推荐 -->
<div class="recomment_model selecteds">
<div class="model_small">
<div class="model_left"><a href="javascript:;"><img src="image/food_1.jpg" alt=""></a></div>
<div class="model_right">
<h2><a href="javascript:;">12种能让你高颜值的食物</a></h2>
<h5>2017-11-16</h5>
<p>容貌是一个人的表象，虽说看一个人要看内在，但有时高颜值会为我们的生活和工作带来不少好处。那么，哪些食物有美容养颜的作用呢</p>
</div>
</div>
<div class="model_small">
<div class="model_left"><a href="javascript:;"><img src="image/food_2.jpg" alt=""></a></div>
<div class="model_right">
<h2><a href="javascript:;">养成这些饮食习惯，能延长寿命</a></h2>
<h5>2017-11-16</h5>
<p>到了一定的年龄之后，身体的各项功能就回开始退化，出现便秘的情况也是很正常的。这个时候我们就要吃一些食物来帮助身体，促进身体的消化，保持各项机能的正常运行。并且很多朋友都在追求延长寿命的方法，</p>
</div>
</div>
<div class="model_small">
<div class="model_left"><a href="javascript:;"><img src="image/food_3.jpg" alt=""></a></div>
<div class="model_right">
<h2><a href="javascript:;">冬天干燥，多吃这三种白色食物！</a></h2>
<h5>2
前端开发项目——美食天下 （344个子文件） 
tc1.bmp 1.12MB tc2.bmp 1.1MB tc3.bmp 1.1MB tc4.bmp 1.07MB
layer.css 14KB css.css 14KB health.css 12KB css.css 10KB css.css 10KB mstxzy.css 7KB demo.css 6KB layer.css 5KB iconfont.css 5KB init.css 2KB jquery.vidbacking.css 918B common.css 544B common.css 485B common.css 485B iconfont.eot 5KB
fire.gif 22.04MB fire2.gif 12.26MB fo15.gif 33KB loading-0.gif 6KB cyberpolice.gif 3KB loading-2.gif 2KB blank.gif 1KB hot.gif 931B loading-16-16.gif 817B loading-1.gif 701B
health.html 26KB zhenxuan.html 16KB zhenxuan.html 16KB homepage.html 13KB index.html 11KB 美食天下.html 8KB demo_symbol.html 5KB demo_unicode.html 5KB demo_fontclass.html 3KB favicon.ico 4KB favicon.ico 4KB favicon.ico 1KB
yamtou.jpg 576KB contbg4.jpg 269KB contbg3.jpg 227KB bg01.jpg 218KB contbg2.jpg 213KB prod (1).jpg 204KB logo-hide.jpg 192KB contbg1.jpg 161KB tabs_img_5.jpg 131KB tabs_img_2.jpg 117KB tabs_img_1.jpg 116KB bg02.jpg 115KB page2-2.jpg 104KB logo-hide2.jpg 101KB page2-4.jpg 89KB page2-1.jpg 86KB bg03.jpg 76KB tabs_img_3.jpg 75KB 1.jpg 72KB prod (3).jpg 70KB 6.jpg 69KB flower.jpg 69KB hot.jpg 68KB 5.jpg 64KB tabs_img_4.jpg 61KB 2.jpg 59KB bg_3.jpg 54KB tu.jpg 53KB food_3.jpg 51KB zao.jpg 49KB 4.jpg 48KB bg_7.jpg 46KB 23.jpg 46KB bg_8.jpg 46KB box2.jpg 44KB box4.jpg 43KB food_1.jpg 43KB box1.jpg 43KB page2-3.jpg 42KB fo23.jpg 39KB shu_guo.jpg 39KB p15.jpg 39KB p15.jpg 39KB box3.jpg 38KB bg_9.jpg 38KB fo4.jpg 37KB 24.jpg 37KB 21.jpg 34KB p6.jpg 34KB p6.jpg 34KB bg03-1.jpg 34KB 3.jpg 33KB p7.jpg 33KB p7.jpg 33KB Q6.jpg 33KB Q6.jpg 33KB Q8.jpg 33KB Q8.jpg 33KB timg.jpg 32KB共 344 条
- 1
- 2
- 3
- 4
资源评论
