JavaScript动态网页设计期末大作业（自己手写的，98分期末作业项目）

共121个文件

png：74个

jpg：25个

js：8个

版权申诉

javascript

JavaScript动态网页设计

网页设计期末大作业

71 浏览量 2024-06-13 17:11:30 上传评论 1 收藏 20.73MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

JavaScript 动态网页设计期末大作业（自己手写的，98分期末作业项目）（121个子文件）

index.css 13KB

service.css 11KB

product1.css 10KB

ProductBuy.css 10KB

nav.css 6KB

footer.css 940B

govIcon.gif 9KB

service.html 42KB

product1.html 27KB

index.html 25KB

ProductBuy.html 23KB

circle3.jpg 1.03MB

北极光.jpg 975KB

registerbg.jpg 670KB

circle7.jpg 662KB

circle6.jpg 630KB

circle4.jpg 604KB

circle2.jpg 580KB

circle5.jpg 287KB

Hotproducts2.jpg 286KB

picIMg.jpg 254KB

Hotproducts4.jpg 218KB

Hotproducts6.jpg 175KB

circle1.jpg 175KB

Hotproducts5.jpg 139KB

headphone.jpg 138KB

service.jpg 135KB

Hotproducts1.jpg 116KB

下载与支持上方主图.jpg 107KB

Hotproducts3.jpg 82KB

TO-U.jpg 31KB

麦克风.jpg 25KB

汽车音响.jpg 22KB

音响.jpg 20KB

教育产品.jpg 17KB

耳机.jpg 14KB

edifier.js 286KB

productsearch.js 286KB

jquery-3.6.0.min.js 87KB

产品购买页.js 4KB

首页.js 4KB

服务与售后页.js 2KB

Naverji.js 977B

Productli.json 4KB

news2.png 1.28MB

news1.png 902KB

news4.png 682KB

M260.png 525KB

M230.png 489KB

N2Podsbigleft.png 437KB

D12.png 430KB

N2Podsbigright3.png 403KB

S2000MKlll.png 383KB

bg2.png 377KB

M120.png 371KB

PP305炫舞版.png 370KB

S1000MKll.png 343KB

N2Podsbigright4.png 341KB

MH300.png 324KB

N2Podsbigleft4.png 322KB

W3.png 315KB

S201.png 260KB

S880.png 253KB

MR4.png 230KB

Fun Buds.png 220KB

N2Podsbigright2.png 216KB

news3.png 212KB

S3right.png 202KB

N2 Pods1face.png 198KB

TWS NB2 Pro.png 186KB

K6500.png 184KB

W820NB-black.png 179KB

声声漫 T-Pods1.png 178KB

NeoBus Pro1.png 178KB

N2Podsbigleft2.png 177KB

USB K815.png 158KB

TWS1 PRO.png 157KB

N2Podsbigrightpng.png 150KB

LolliPods Plus.png 143KB

LolliPods Mini-black.png 143KB

USBK800.png 142KB

N2 Pods1left.png 141KB

MINI-BUDS.png 138KB

EJOY5.png 133KB

TO-U2.png 120KB

S70.png 119KB

DreamPods 2-white.png 118KB

W3 DSP Pro.png 114KB

LolliPods Pro-white.png 99KB

N2 Pods1.png 92KB

辅听1号.png 92KB

W200BT Plus.png 83KB

bg1.png 79KB

LolliPods冇心版.png 74KB

TWS NB3-white.png 71KB

W300BT Plus.png 67KB

N2Podsbigleft3.png 63KB

共 121 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>EDIFIER</title> <link rel="stylesheet" type="text/css" href="css/service.css"/> <link rel="stylesheet" type="text/css" href="css/footer.css"/> <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=x0GG14v1mAVqxkPBjqF8BbzxvujqTZjp"></script> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"id="viewport"/> </head> <body> <header>  <div class="region"> <div class="bighead_box">  <div class="nav_box">  <div class="baseBox logoNmenu"> <a href="index.html"><img class="logo" src="img/首页图片/BrandLogo.png" alt="LOGO"></a>  <div class="menu"> <ul> <li class="productMenu"> <a href="#">产品 <img class="down" src="img/首页图片/downArr.png" > <img class="up" src="img/首页图片/uparr.png" > </a> </li> <li> <a href="service.html">服务与售后</a> </li> <li> <a href="ProductBuy.html">产品购买</a> </li> </ul> </div>  <div class="searchBox"> <div class="search"> <svg t="1615281300872" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2446" width="64" height="64"> <path d="M946.8 883.1L786.2 722.5c55.5-69.4 88.9-157.2 88.9-252.9C875 245.6 693.5 64 469.5 64S64 245.6 64 469.5 245.6 875 469.5 875c95.7 0 183.6-33.4 252.9-88.9L883 946.7c17.6 17.6 46.1 17.6 63.7 0 17.7-17.5 17.7-46 0.1-63.6z m-477.3-98.2c-174.2 0-315.4-141.2-315.4-315.4s141.2-315.4 315.4-315.4 315.4 141.2 315.4 315.4-141.2 315.4-315.4 315.4z" fill="#0E0E0E" p-id="2447"></path> </svg> </div>  <div> <a href="#"> <img src="img/首页图片/global.png" > 国际站 </a> </div> </div> </div>  <div class="showMenu"> <div class="baseBox alertMenu"> <dl> <dt><a href="#">耳机</a></dt> <dd><a href="#">漫步者</a></dd> <dd><a href="#">声迈</a></dd> <dd><a href="#">VOLONA</a></dd> <dd><a href="#">HECATE</a></dd> <dd><a href="#">STAX</a></dd> </dl> <dl> <dt><a href="#">音响</a></dt> <dd><a href="#">漫步者</a></dd> <dd><a href="#">HECATE</a></dd> <dd><a href="#">Airpulse</a></dd> <dd><a href="#">VOLONA</a></dd> </dl> <dl> <dt><a href="#">教育产品</a></dt> <dd><a href="#">考试耳机</a></dd> <dd><a href="#">模拟耳机</a></dd> </dl> <dl> <dt><a href="#">汽车音响</a></dt> <dd><a href="#">无损系列</a></dd> <dd><a href="#">快装系列</a></dd> <dd><a href="#">改装系列</a></dd> <dd><a href="#">隔音系列</a></dd> <dd><a href="#">线材系列</a></dd> </dl> <dl> <dt><a href="#">麦克风</a></dt> <dd><a href="#">麦克风</a></dd> </dl>  <div class="close"> <img src="img/首页图片/close.png" > </div> </div> </div> </div> </div>  <div class="searchMask"> <div class="searchContentInput"> <div class="closeSerchMask">X</div> <input type="text" placeholder="请输入搜索的产品" id="MenukeywordInput"/> <div class="searchInputIcon"> <svg t="1615281300872" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2446" width="64" height="64"> <path d="M946.8 883.1L786.2 722.5c55.5-69.4 88.9-157.2 88.9-252.9C875 245.6 693.5 64 469.5 64S64 245.6 64 469.5 245.6 875 469.5 875c95.7 0 183.6-33.4 252.9-88.9L883 946.7c17.6 17.6 46.1 17.6 63.7 0 17.7-17.5 17.7-46 0.1-63.6z m-477.3-98.2c-174.2 0-315.4-141.2-315.4-315.4s141.2-315.4 315.4-315.4 315.4 141.2 315.4 315.4-141.2 315.4-315.4 315.4z" fill="#0E0E0E" p-id="2447"></path> </svg> </div>  <div class="searchKeywordList">  <div class="nodata" id="noresdiv" style="display: none;">没有找到结果</div>  <div id="hasresdiv" style="display: none;"> <div class="title"> 搜索结果( <span id="hasrevnum"></span> ) </div> <ol id="searchul"> </ol> </div> </div> </div>  <div class="baseBox searchContentList"> <div class="tjSearchProduct">推荐产品</div> <ul> <li> <a href="product/product-28.html"> <div class="imgcontent"><img src="img/首页图片/Hotproducts1.jpg" alt="" /> </div><p>LolliPods 真无线蓝牙耳机</p> </a> </li> <li> <a href="product/product-14.html"> <div class="imgcontent"><img src="img/首页图片/Hotproducts2.jpg" alt="" /> </div><p>LolliPods Plus 真无线立体声耳机</p> </a> </li> <li> <a href="product/product-36.html"> <div class="imgcontent"><img src="img/首页图片/Hotproducts5.jpg" alt="" /> </div><p>TWS NB2 真无线主动降噪耳机</p> </a> </li> </ul> <div class="tjSearchProduct"> 热门搜索 </div> <dl id="hotsearchdl"> <dd><a href="">G4</a></dd> <dd><a href="">G2</a></dd> <dd><a href="">驱动</a></dd> <dd><a href="">耳机</a></dd> <dd><a href="">GS02</a></dd> </dl> </div> </div> </div> </header>   <section> <div class="section_bigbox"> <div class="newsBanner aboutBan saftyBan" style="background: url('https://cn-oss.edifier.com/Uploads/images/2021/04/23/2021042310211116191444712878.jpg') center center no-repeat;"> <div class="baseBox"> <div class="aboutSubTitle">服务与售后</div> <div class="aboutusTitle">Service</div> </div> </div>  <div class="nobg"> <div class="serviceTab serviceTabs baseBox"> <a href="javascript:;" class="tabItem on" id="servicecall" onclick="contactItemshow()"> <div> <img src="img/服务与售后页图片/pho.png" > </div> 服务热线 </a> <a href="javascript:;" class="tabItem" id="vip" onclick="channelshow()"> <div> <img src="img/服务与售后页图片/dia.png" > </div> 专属渠道 </a> <a href="javascript:;" class="tabItem" id="serviceword" onclick="serviceshow()"> <div> <img src="img/服务与售后页图片/tag.png" > </div> 服务条款 </a> </div> </div>  <div class="contactMethod serviceContact"> <div class="baseBox contactMethodContain">  <div class="contactItem"> <h2 class="title">漫步者微信公众号</h2> <div class="info"> <img src="img/服务与售后页图片/漫步者二维码.png" > <div> <p>扫描二维码，关注漫步者微信公众号。如需更多服务和体验，请选择人工客服。</p> <p> </p> <p>服务时间：9:00-18:00（周一至周日）</p> </div> </div> </div> <div class="contactItem"> <h2 class="title">服务热线</h2> <div class="info"> <img src

评论收藏

内容反馈

版权申诉