<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>菌类菜谱</title>
<link rel="icon" href="./images/shrae.png">
<link href="css/movie_index.css" type=text/css rel=stylesheet>
<script src="js/prototype.js" type=text/javascript></script>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th,
td {
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
tr:hover {
background-color: #f5f5f5;
}
</style>
</head>
<body>
<div class="con">
<div class="head">
<div class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="caipu.html">菌类菜谱</a></li>
<li><a href="lianxi.html">联系我们</a></li>
</ul>
</div>
</div>
<div class="lunbo">
<script src="js/changimages.js" type=text/javascript></script>
<table width="1000" height="314" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left">
<div class=flashbox align="center">
<div id=SwitchBigPic>
<div><a href="#"><img class=pic src="images/01.jpg"></a></div>
<div><a href="#"><img class=pic src="images/02.jpg"></a></div>
<div><a href="#"><img class=pic src="images/03.jpg"></a></div>
<div><a href="#"><img class=pic src="images/04.jpg"></a></div>
<div><a href="#"><img class=pic src="images/05.jpg"></a></div>
</div>
<ul id=SwitchNav>
<li><a href="#"><strong>菌鱼汤</strong><img src="images/r1.jpg"></a> </li>
<li><a href="#"><strong>菌类</strong><img src="images/r2.jpg"></a> </li>
<li><a href="#"><strong>菌</strong><img src="images/r3.jpg"></a> </li>
<li><a href="#"><strong>菌</strong><img src="images/r4.jpg"></a> </li>
<li><a href="#"><strong>菌</strong><img src="images/r5.jpg"></a> </li>
</ul>
</div>
<script>
var bigswitch = new SwitchPic(
{
bigpic: "SwitchBigPic",
switchnav: "SwitchNav",
selectstyle: "selected",
objname: "bigswitch"
}
);
bigswitch.goSwitch(bigswitch, 0);
bigswitch.autoSwitchTimer = setTimeout("bigswitch.autoSwitch(bigswitch) ;", 3000);
</script>
</td>
</tr>
</table>
</div>
<div class="main">
<div class="main_in">
<div class="main_in_t">菜谱展示 </div>
<div class="main_in_des">
<div class="main_in_ms">
<ul>
<li><a href="#">
<video controls muted height="170px" width="290px">
<source src="video/1.mp4" type="video/webm" />
</video>
</li>
<li><a href="#"><img src="images/2.jpg" /></a></li>
<li><a href="#"><img src="images/3.jpg" /></a></li>
<li><a href="#"><img src="images/4.jpg" /></a></li>
<li><a href="#"><img src="images/5.jpg" /></a></li>
<li><a href="#"><img src="images/6.jpg" /></a></li>
</ul>
<p></p>
<p></p>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="main">
<div class="main_in">
<div class="main_in_t">菌类 </div>
<div class="main_in_des">
<table border>
<tr>
<th>名称</th>
<th>称呼</th>
<th>生长环境</th>
<th>特点</th>
</tr>
<tr>
<td>蘑菇</td>
<td>芝</td>
<td>泥土、林地</td>
<td>圆盖、菌褶、可食用</td>
</tr>
<tr>
<td>牛肝菌</td>
<td>蕈</td>
<td>针叶林、湿润土地</td>
<td>大型、肉质、可食用</td>
</tr>
<tr>
<td>黑木耳</td>
<td>黑木耳</td>
<td>树木上的露水</td>
<td>扁平、胶状、富含纤维</td>
</tr>
</table>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="foot">
<div style="clear:both"></div>
<p> 版权所有 </p>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
文库首页 前端Javascript html+css+js网页设计 美食 美食3个页面(带js) 大学生HTML5期末作业 Web前端网页制作 html网页制作 html css网页制作成品 大学生html网页制作作业
html+css+js网页设计 美食 美食3个页面(带js) 大学生HTML5期末作业 Web前端网页制作 html网页制作 ...
共62个文件
jpg:34个
png:17个
css:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 97 浏览量
2025-01-02
17:46:17
上传
评论
收藏 6.02MB ZIP 举报
温馨提示
预览地址:https://blog.csdn.net/qq_42431718/article/details/144891810 大学生HTML5期末作业 Web前端网页制作 html网页制作 html css网页制作成品 大学生html网页制作作业 html5+css3+js html+css+js网页设计 美食 美食3个页面(带js)
资源推荐
资源详情
资源评论
收起资源包目录
美食3个页面.zip (62个子文件)
美食3个页面
caipu.html 5KB
lianxi.html 5KB
js
prototype.js 70KB
changimages.js 3KB
css
12.css 1KB
test.css 5KB
tuijian.css 3KB
movie_index.css 6KB
index.html 4KB
images
r2.png 6KB
02.jpg 105KB
r1.jpg 3KB
aaaa.jpg 98KB
换1.jpg 96KB
background.jpg 122KB
2.jpg 153KB
r1.png 7KB
fabiao.png 2KB
r5.png 6KB
r2.jpg 632KB
l2.png 2KB
c.png 15KB
01.jpg 79KB
aa.jpg 206KB
login.png 1KB
80.jpg 83KB
6.jpg 172KB
logo.png 5KB
1.jpg 156KB
a.jpg 126KB
aaaaa.jpg 116KB
aaaaaa.jpg 187KB
08.jpg 140KB
l1.png 2KB
r3.png 7KB
r4.png 7KB
beij.jpg 631KB
jiazai.jpg 141KB
shrae.png 2KB
r5.jpg 3KB
5.jpg 71KB
sousuo.png 9KB
r3.jpg 2KB
beij1.jpg 23KB
a.png 45KB
r4.jpg 3KB
05.jpg 38KB
04.jpg 33KB
aaaaaaaaa.jpg 244KB
jun1.png 16KB
jun.png 57KB
b.png 16KB
3.jpg 117KB
09.jpg 160KB
aaaaaaa.jpg 192KB
aaaaaaaa.jpg 145KB
03.jpg 27KB
aaa.jpg 174KB
4.jpg 94KB
031.jpg 88KB
video
1.mp4 1.01MB
1.mp3 596KB
共 62 条
- 1
资源评论
html+css+js网页设计
- 粉丝: 1843
- 资源: 549
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 注塑技术员试题及答案.doc
- 自学考试房地产开发和经营重点.doc
- 江苏镇江市2018年中考语文试题答案和解析.doc
- 精神病学试题与答案.doc
- 教育行动研究报告的写作.doc
- 老年人常见疾病的护理知识.doc
- 考试后激励学生的话.doc
- 廉洁文化主题教育课教学案.doc
- 贫困家庭申请书范文(精选多篇).doc
- 培训机构教学计划.doc
- 全新版大学英语综合教程3contentquestions答案.doc
- 全科医师转岗培训理论考试题和正确答案.doc
- 全国居民健康素养知识问卷80题及答案.doc
- 服装公司薪酬福利管理手册.docx
- 服装薪酬体系-KPI绩效考核指标.xls
- 各岗位KPI绩效考核指标——服装生产企业.xls
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功