html+css+js网页设计美食美食3个页面(带js)资源-CSDN文库

共62个文件

jpg：34个

png：17个

css：4个

版权申诉

2 浏览量 2025-01-02 17:46:17 上传评论收藏 6.02MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

美食3个页面.zip （62个子文件）

美食3个页面

caipu.html 5KB

lianxi.html 5KB

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

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

<!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>

评论收藏

内容反馈

版权申诉