毕设&课设&项目&实训-H5进行手机网页，自己进行板块设计，网站主题是饰品，网站名称是饰界一流.zip

共534个文件

jpg：346个

png：103个

css：32个

版权申诉

毕业设计

课程设计

项目开发

资源资料

实训大作业

124 浏览量 2024-02-04 11:56:47 上传评论收藏 56.32MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

毕设&课设&项目&实训-H5进行手机网页，自己进行板块设计，网站主题是饰品，网站名称是饰界一流.zip （534个子文件）

bootstrap.min.css 149KB

mui.css 95KB

mui.min.css 74KB

xxgloab1.css 56KB

animate.min.css 52KB

sqgloab.css 32KB

stylell.css 30KB

swiper.min.css 17KB

entypo.css 17KB

shipei.css 12KB

styang.css 12KB

style.css 10KB

fl.css 8KB

zp.css 7KB

xqstyle.css 7KB

gloab.css 6KB

shequ.css 6KB

xiaoxi.css 5KB

zs.css 5KB

index.css 5KB

shopcar.css 5KB

ppgs.css 4KB

daohang.css 4KB

dz.css 4KB

gloabs.css 2KB

gloabsy.css 2KB

nav.css 2KB

navsy.css 2KB

normalize.css 2KB

reset.css 923B

nono.css 483B

indexs.css 483B

grab.cur 326B

grabbed.cur 326B

iconfont.eot 113KB

entypo.eot 74KB

top.gif 3KB

fenlei.html 42KB

display.html 19KB

index.html 14KB

xq.html 13KB

shijie.html 8KB

replace.html 8KB

dingzhi.html 8KB

gwc.html 6KB

xiaoxi.html 6KB

ppj.html 5KB

shequ.html 5KB

jrgwc.html 3KB

logo.ico 6KB

lo.ico 5KB

shijie.iml 458B

f5.jpg 2.6MB

s-1.jpg 1.25MB

ys-r3.jpg 1.03MB

div-11.jpg 948KB

mz-f5.jpg 899KB

z-1.jpg 686KB

3.jpg 660KB

mz-f13.jpg 641KB

jl-18.jpg 620KB

div-17.jpg 592KB

ys-r5.jpg 566KB

4.jpg 558KB

lb1.jpg 551KB

jl-2.jpg 534KB

xx3.jpg 526KB

s-7.jpg 516KB

div-10.jpg 504KB

fs-f6.jpg 466KB

check_on.jpg 444KB

yd-11.jpg 444KB

check.jpg 443KB

yd-10.jpg 441KB

ys-r4.jpg 440KB

fs-f3.jpg 435KB

9.jpg 433KB

sl-f1.jpg 428KB

xx10.jpg 420KB

jz-f3.jpg 406KB

fs-f4.jpg 402KB

lb2.jpg 401KB

lb4.jpg 399KB

b-12.jpg 399KB

fs-f15.jpg 389KB

sl1.jpg 388KB

ys-r2.jpg 376KB

fs-f12.jpg 365KB

sl-f6.jpg 348KB

ys-r6.jpg 342KB

mz-f3.jpg 332KB

xx4.jpg 320KB

12.jpg 317KB

jz-f6.jpg 316KB

mz-f2.jpg 307KB

xz-15.jpg 306KB

j5.jpg 303KB

div-6.jpg 294KB

lb3.jpg 291KB

jk-2.jpg 291KB

共 534 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>产品分类_饰界一流</title> <link rel="stylesheet" href="css/fl.css"> <link rel="stylesheet" href="css/zp.css" /> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/swiper.min.css" /> <script type="text/javascript" src="js/jquery-3.3.1.mini.js" ></script> <script type="text/javascript" src="js/bootstrap.min.js" ></script> <script type="text/javascript" src="js/swiper.min.js" ></script> </head> <body> <div class="box">  <div class=" re"> <div class="head"> <img class="logo" src="img/logo.png"> <form class="search"> <input type="text" placeholder=" 夏季新品耳环" class="text"/> <input type="image" src="img/sers.png" class="sear"/> </form> <a id="a" href="#"><img class="nav1" src="img/nav.png"></a> </div> <div class="clear"></div> <nav class="naver row"> <div class="col-xs-6"><a class="nava" href="ppj.html"><img src="img/nav1.jpg"><span>品牌故事</span></a></div> <div class="col-xs-6"><a class="nava" href="fenlei.html"><img src="img/nav2.jpg"><span>产品分类</span></a></div> <div class="col-xs-6"><a class="nava" href="#"><img src="img/nav3.jpg"><span>天猫店铺</span></a></div> <div class="col-xs-6"><a class="nava" href="display.html"><img src="img/nav4.jpg"><span>产品展示</span></a></div> <div class="col-xs-6"><a class="nava" href="dingzhi.html"><img src="img/nav5.jpg"><span>专属定制</span></a></div> <div class="col-xs-6"><a class="nava" href="#"><img src="img/nav6.jpg"><span>在线咨询</span></a></div> </nav> </div>  <div class="row" id="dd"> <div class="col-xs-2 text-center" style="width: 20%;float: left;background-color: #f8e4e6;margin-right: 2%;height: 1000px;margin-top: 3%;"> <ul class="nav nav-stacked"> <li class="active" id="lz"><a href="#ershi" data-toggle="tab">耳饰</a></li> <li id="lz"><a href="#jz" data-toggle="tab">戒指</a></li> <li id="lz"><a href="#fs" data-toggle="tab">发饰</a></li> <li id="lz"><a href="#mz" data-toggle="tab">帽子</a></li> <li id="lz"><a href="#xl" data-toggle="tab">项链</a></li> <li id="lz"><a href="#sl" data-toggle="tab">手链</a></li> <li id="lz"><a href="#jl" data-toggle="tab">脚链</a></li> <li id="lz"><a href="#yd" data-toggle="tab">腰带</a></li> <li id="lz"><a href="#xz" data-toggle="tab">胸针</a></li> <li id="lz"><a href="#jk" data-toggle="tab">镜框</a></li> <li id="lz"><a href="#diy" data-toggle="tab">DIV</a></li> </ul> </div> <div class="col-xs-6 text-center" id="zbk"> <div class="tab-content"> <div class="tab-pane active" id="ershi"> <div class="tao"> <p class="zt">风格</p> <div class="t0"><img src="img/fg-r1.jpg" style="width:100%;height: 90%;"> <a class="xz" href="#">日韩</a> </div> <div class="t2"><img src="img/fg-r2.jpg" style="width:100%;height: 90%;"> <a class="xz" href="#">欧美</a> </div> <div class="t3"><img src="img/fg-r3.jpg" style="width:100%;height: 90%;"> <a class="xz" href="#">朋克</a> </div> <div class="t1"><img src="img/fg-r4.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">甜美</a> </div> <div class="t2"><img src="img/fg-r5.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">民族</a> </div> <div class="t3"><img src="img/fg-r6.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">宫廷</a> </div> <p class="zt2">色系</p> <div class="t0-1"><img src="img/ys-r1.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">蓝色</a> </div> <div class="t2-1"><img src="img/ys-r2.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">紫色</a> </div> <div class="t3-1"><img src="img/ys-r3.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">奶茶</a> </div> <div class="t1"><img src="img/ys-r4.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">银黑</a> </div> <div class="t2"><img src="img/ys-r5.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">酒红</a> </div> <div class="t3"><img src="img/ys-r6.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">金色</a> </div> <p class="zt4">材质</p> <div class="t0-1"><img src="img/ys-1.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">纯银</a> </div> <div class="t2-1"><img src="img/ys-2.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">黄金</a> </div> <div class="t3-1"><img src="img/ys-3.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">珍珠</a> </div> <div class="t1"><img src="img/ys-4.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">宝石</a> </div> <div class="t2"><img src="img/ys-5.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">玉石</a> </div> <div class="t3"><img src="img/ys-6.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">钻石</a> </div> </div> </div> <div class="tab-pane" id="jz" style="height: 300px;"> <div class="tao3"> <p class="zt3">风格</p> <div class="t0"><img src="img/jz-f1.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">日韩</a> </div> <div class="t2"><img src="img/jz-f2.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">欧美</a> </div> <div class="t3"><img src="img/jz-f3.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">潮流</a> </div> <div class="t1"><img src="img/jz-f4.jpg" style="width:100%;height: 97%;"> <a class="xz" href="#">个性</a> </div> <div class="t2"><img src="img/jz-f5.jpg" style="width:100%;height: 97%;"> <a cla

评论收藏

内容反馈

版权申诉