<!DOCTYPE HTML>
<html manifest="msj_m.manifest">
<meta charset="utf-8">
<title>美食杰html5响应式移动触屏版手机wap美食网站模板-懒人模板【http://www.lanrenmb.com/HTML5/】</title>
<meta content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection" />
<meta name="apple-itunes-app" content="app-id=399423833"/>
<link href="wap/css/ss_base2.css" rel="stylesheet" />
<link href="wap/css/msj_m.css" rel="stylesheet" />
<script src="js/jquery-1.6.4.min.js"></script>
<script>setTimeout(scrollTo,0,0,0);</script>
<script>
var flag_for_fixedsearch = 0;
$(function(){
var mhw = $("#m_header").width();
var mhmw = 640;
var realw = mhw>640?640:mhw;
$("#m_header").css("maxHeight",realw+"px");
$("#m_search").height($(this).width());
var hh = $("#m_search").height();
$("#m_search_w").css("top",hh*0.80+"px");
$("#m_search_w").height(hh*0.125);
var hhw = $("#m_search_w").height();
$("#m_search_w").css("borderRadius",hh*0.125*0.5+"px");
$("#m_search_submit").width(hhw);
$("#m_footer_searchicon").css({"height":hhw,"width":hhw});
$(".m_index_menuitem_title").css({"height":hhw+"px","lineHeight":hhw+"px"});
$("#m_searchbtn").click(function(){
var hh = $("#m_search").height();
if(flag_for_fixedsearch == 0){
scroll(0,0);
var w = $("#m_header").width();
$("#m_list_header").css("position","relative");
$("#m_list_header").css("top","0px");
$("#ad11_w").css("position","relative");
$("#m_header").animate({"height":"100%"},"normal",function(){
$("#m_content_main").css("paddingTop","0px");
});
$(this).css("backgroundImage","url(http://static.meishij.net/wap/images/m_slideupbtn.png)");
flag_for_fixedsearch = 1;
}else{
$("#m_header").animate({"height":"0px"},"normal",function(){
$("#m_list_header").css("position","fixed");
$("#m_list_header").css("top","44px");
$("#ad11_w").css("position","fixed");
$("#m_content_main").css("paddingTop","94px");
});
$(this).css("backgroundImage","url(http://static.meishij.net/wap/images/m_searchbtn.png)");
flag_for_fixedsearch = 0;
}
});
$("#m_comment_btn").toggle(function(){
$("#m_comment_textarea_w").slideDown("600",function(){
$("#m_comment_btn").html("收起评论 ∧");
var c = window.document.body.scrollHeight;
$("html,body").animate({scrollTop:c});
});
},function(){
$("#m_comment_textarea_w").slideUp("600",function(){
$("#m_comment_btn").html("我要评论 ∨");
});
});
$("#m_comment_cancel").click(function(){
$("#m_comment_btn").click();
});
$("#mad1_close").click(function(){
$("#ad11_w").remove();
$("#m_list_header").css("top","0px");
$("#m_content_main").css("paddingTop","4em");
$("#m_searchbtn").unbind("click");
rebind();
});
});
function rebind(){
$("#m_searchbtn").click(function(){
var hh = $("#m_search").height();
if(flag_for_fixedsearch == 0){
scroll(0,0);
var w = $("#m_header").width();
$("#m_list_header").css("position","relative");
$("#m_list_header").css("top","0px");
$("#m_header").animate({"height":"100%"},"normal",function(){
$("#m_list_main").css("paddingTop","0px");
});
$(this).css("backgroundImage","url(http://static.meishij.net/wap/images/m_slideupbtn.png)");
flag_for_fixedsearch = 1;
}else{
$("#m_header").animate({"height":"0px"},"normal",function(){
$("#m_list_header").css("position","fixed");
$("#m_list_header").css("top","0px");
$("#m_list_main").css("paddingTop","4em");
});
$(this).css("backgroundImage","url(http://static.meishij.net/wap/images/m_searchbtn.png)");
flag_for_fixedsearch = 0;
}
});
}
</script>
<body><img style="display:none;" src="../../hm.baidu.com/hm.gif@si=01dd6a7c493607e115255b7e72de5f40&et=0&nv=1&st=3<=1402795167&su=&v=wap-0-0.2&rnd=3932403498" width="0" height="0" /><div class="m_wrap" id="m_wrap"><header class="m_header m_header_hide" id="m_header">
<h1 style="display:none;">美食杰</h1><p style="display:none;">让中国人吃的更健康</p>
<form class="m_search" id="m_search" action="http://m.meishij.net/html5/list.php">
<div class="m_search_w" id="m_search_w"><input type="text" value="" id="m_search_text" name="q" placeholder="输入食材/菜谱名"><input type="submit" value="" id="m_search_submit"></div>
</form>
</header>
<div class="ad11_w" id="ad11_w"><div class="ad11" id="mad1">
<a href="app.php"><img style="margin-left:10px;" src="http://static.meishij.net/wap/images/msj_72.png"/><img src="http://static.meishij.net/wap/images/yt_72.png"/>下载美食杰手机客户端</a><span id="mad1_close"></span>
</div></div>
<header class="m_list_header" id="m_list_header">
<div class="m_list_header_w">
<h1>家常烧茄子</h1>
<a href="javascript:history.go(-1);" class="m_backbtn" id="m_backbtn"></a>
<a href="default.htm" class="m_homebtn" id="m_homebtn"></a>
<a href="javascript:void(0);" class="m_searchbtn" id="m_searchbtn" style="color:#ffffff;"></a>
</div>
</header>
<div class="m_content_main" id="m_content_main">
<article>
<h1 style="display:none;">家常烧茄子</h1>
<img src="http://images.meishij.net/p/20100720/08f15a64f7e8b21bbf5f1efabaf0ccd3.jpg" class="m_con_topimg"> <div class="m_con_w">
<p class="author"><strong>文怡</strong>发布</p> <section class="m_con_sec">
<h2><img src="http://static.meishij.net/wap/images/icon_jian_55x57.png" class="con_icon"/></h2>
<ul class="clearfix">
<li>做法：<a href="#">烧</a></li> <li>口味：<a href="#">咸鲜味</a></li> <li>难度：<a href="#">初级入门</a></li> <li>人数：<a href="#">2人份</a></li> <li>准备时间：<a href="#">10分钟</a></li> <li>烹饪时间：<a href="#"><10分钟</a></li> </ul>
</section> <section class="m_con_sec">
<h2><img src="http://static.meishij.net/wap/images/icon_liao_55x57.png" class="con_icon"/></h2>
<dl class="clearfix">
<dt>主料</dt>
<dd><strong>茄子：</strong>1个</dd>
<dt>辅料</dt>
<dd><strong>红椒：</strong>1根</dd>
<dd><strong>柿子椒：</strong>1根</dd>
<dt>调料</dt>
<dd><strong>水：</strong>45毫升</dd>
<dd><strong>食盐：</strong>1克</dd>
<dd><strong>味精：</strong>1克</dd>
<dd><strong>香油：</strong>3毫升</dd>
<dd><strong>葱：</strong>20克</dd>
<dd><strong>蒜：</strong>4瓣</dd>
<dd><strong>生抽：</strong>1汤匙15毫升</dd>
<dd><strong>老抽：</strong>半茶匙3毫升</dd>
<dd><strong>米醋：</strong>1汤匙15毫升</dd>
<dd><strong>白糖：</strong>15克</dd>
<dd><strong>水淀粉：</strong>30毫升</dd>
<dd><strong>植物油：</strong>适量</dd>
</dl>
</section> <section class="edit"><h2 style="display:none">家常烧茄子的做法</h2><p><img class='step' alt='第1步' src='http://static.meishij.net/images/stepnum6/1.gif' border=0 />茄子去皮切成菱形块。青红椒去蒂去籽切块。葱和大蒜切成碎末</p><br />
<p><img class='step' alt='第2步' src='http://static.meishij.net/images/stepnum6/2.gif' border=0 />将生抽，老抽，米醋，清水，盐，糖，味精，香油和水淀粉倒入小碗中，搅拌均匀备用</p><br />
<p><img class='step' alt='第3步' src='http://static.meishij.net/images/stepnum6/3.gif' border=0 />锅中倒入油，大火加热至7成热时，放入茄子块，炸成金黄色后捞出，充分沥干（锅中的油过滤后还可以用）</p><br />
<p><img class="conimg" border="0" alt="家常烧茄子Mj.jpg" src="http://images.meishij.net/p/20100720/0205e1e2897240211874f1f9a44aa398.jpg" /></p><br />
<p><img class='step' alt='第4步' src='http://static.meishij.net/ima
前端学生作业毕设实训素材-美食杰html5响应式移动触屏版手机wap美食网站模板.rar
版权申诉
143 浏览量
2022-04-08
20:17:08
上传
评论
收藏 132KB RAR 举报
前端学生作业毕设实训素材-美食杰html5响应式移动触屏版手机wap美食网站模板.rar （17个子文件） 
wap css 
msj_m.css 13KB ss_base2.css 2KB images 
m_backbtn.png 1KB search_icon_72.png 7KB wapad_btns.png 13KB arrow_34x24.png 3KB m_commentbtn.png 2KB m_arrow_up.png 310B m_arrow_down.png 319B m_homebtn.png 2KB
m_header_480_50.jpg 52KB x88.png 4KB m_searchbtn.png 2KB default.htm 12KB js jquery-1.6.4.min.js 90KB
list.html 10KB news.html 12KB
评论0