大学生HTML5期末作业Web前端网页制作html网页制作htmlcss网页制作成品大学生html网页制作作业html5+csshtml+css+js网页设计电商珠宝首饰电商3个页面

共70个文件

jpg：32个

png：24个

js：3个

版权申诉

html

javascript

172 浏览量 2024-08-23 16:55:26 上传评论收藏 5.04MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

珠宝首饰电商3个页面.zip （70个子文件）

珠宝首饰电商3个页面

.DS_Store 8KB

.vscode

settings.json 39B

product-list.js 1011B

index.js 685B

jquery-1.11.3.js 278KB

css

prouct.css 12KB

product-list.css 13KB

index.css 13KB

html

.DS_Store 6KB

prodect-list.html 34KB

index.html 18KB

.gitignore 350B

images

YB1437B_1 (1).png 85KB

XNL447_1.jpg 9KB

ED317_1.jpg 21KB

XNL447.jpg 9KB

home-banner-180724.jpg 1.64MB

R752.jpg 59KB

XNL446_1.jpg 9KB

XNL446.jpg 9KB

soso.jpg 11KB

XNL367.png 28KB

XNL412_4.jpg 4KB

XS1824_1.png 54KB

product-style-03.png 229KB

footer-weixin.jpg 8KB

YB1765A_1.png 28KB

R753_1.png 62KB

cnfooter.jpg 45KB

product-style-04.png 236KB

XS1210.png 109KB

logo.png 4KB

bottom-right-img-03.jpg 12KB

XNL412_3.jpg 4KB

product-new.jpg 224KB

XNL445.jpg 12KB

ED316_1.jpg 18KB

XNL445_1.jpg 8KB

ED316.jpg 34KB

ED311_1.jpg 21KB

YB1772_1.png 33KB

timg.jpg 3KB

product-style-01.png 190KB

XNL448_1.jpg 10KB

XNL412_2.jpg 4KB

ED311.jpg 41KB

product-custom.jpg 115KB

product-style-02.png 201KB

YB1437B.png 48KB

XNL195.png 77KB

favicon.ico 1KB

XS1255L.png 115KB

ED317.jpg 20KB

C021.png 71KB

product-holiday.jpg 96KB

R212.png 304KB

viewjd.jpg 2KB

XNL448.jpg 9KB

FJ1195.png 109KB

GP1028.png 103KB

product-style-05.png 217KB

R752_1.jpg 45KB

YB1417.png 81KB

YB1437B_1.png 33KB

XNL412_1.jpg 2KB

viewtm.jpg 2KB

ED265_1.png 17KB

R753.png 63KB

XNL412.jpg 11KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>新品驾到</title> <link rel="icon" href="http://www.souffeel.com.cn/skin/frontend/smartwave/default/favicon.ico" type="../images/favicon.ico"> <link rel="shortcut icon" href="http://www.soufeel.com.cn/skin/frontend/smartwave/default/favicon.ico" type="../images/favicon.ico"> <link rel="stylesheet" href="../css/product-list.css"> </head> <body> <div class="wrap"> <div class="page">  <div class="header-container"> <div class="header"> <div class="auto"> <div class="logo"> <a href="javascript:;"> <img src="../images/logo.png" title="SOUFEEL索菲尔纽约时尚珠宝，爱的感觉就是索菲尔"> </a> </div> <div class="list"> <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> </ul> </div>  <div class="zb"> <div class="le"> <ul class="tle"> <li><a href="javascript">产品</a></li> <li><a href="javascript">珍藏系列</a></li> <li><a href="javascript">特别推荐</a></li> </ul> <div class="xl"> <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> </ul> <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> <li><a href="javascript:;">珍爱吊坠盒</a></li> </ul> <ul> <li><a href="javascript:;">热销产品</a></li> <li><a href="javascript:;">礼品包装</a></li> </ul> </div> </div> <div class="img"> <img src="../images/R212.png" alt=""> </div> </div> <div class="lp"> <div class="le"> <ul class="tle"> <li><a href="javascript:;">特定节日</a></li> <li><a href="javascript:;">给特定的人</a></li> </ul> <div class="xl"> <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> </ul> <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> </ul> </div> </div> <div class="img"> <img src="../images/XNL195.png" alt=""> </div> </div> <div class="jr"> <ul class="imgs"> <li><a href="javascript:;"> <img src="../images/XNL195.png" alt=""> </a></li> <li><a href="javascript:;"> <img src="../images/YB1437B_1 (1).png" alt=""> </a></li> <li><a href="javascript:;"> <img src="../images/FJ1195.png" alt=""> </a></li> <li><a href="javascript:;"> <img src="../images/XS1210.png" alt=""> </a></li> <li><a href="javascript:;"> <img src="../images/YB1417.png" alt=""> </a></li> <li><a href="javascript:;"> <img src="../images/GP1028.png" alt=""> </a></li> <li><a href="javascript:;"> <img src="../images/XS1255L.png" alt=""> </a></li> </ul> <ul class="msgs"> <li><a href="javascript:;"><span>情人节</span></a></li> <li><a href="javascript:;"><span>七夕</span></a></li> <li><a href="javascript:;"><span>母亲节</span></a></li> <li><a href="javascript:;"><span>新年</span></a></li> <li><a href="javascript:;"><span>圣诞节</span></a></li> <li><a href="javascript:;"><span>纪念日</span></a></li> <li><a href="javascript:;"><span>生日</span></a></li> </ul> </div> <div class="dz"> <div class="le"> <ul class="tle"> <li><a href="javascript:;">串珠</a></li> <li><a href="javascript:;">手链</a></li> <li><a href="javascript:;">项链</a></li> </ul> <div class="xl"> <ul> <li><a href="javascript:;">照片串珠</a></li> <li><a href="javascript:;">刻字串珠</a></li> </ul> <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> <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> </ul> </div> </div> <div class="img"> <img src="../images/XS1255L.png" alt=""> </div> </div>  <div class="soso"> <input type="text" placeholder="全店搜索"> <a href="javascript:;"> <img src="../images/soso.jpg" alt=""> </a> </div> </div>

评论收藏

内容反馈

版权申诉