使用html+css+JavaScript+jQuery，模仿主流电商网站开发的网页，实现网页动态交互效果.zip

共234个文件

png：206个

js：9个

gif：8个

html

网页

源码

需积分: 1 127 浏览量 2023-12-14 00:52:06 上传评论 1 收藏 5.38MB ZIP 举报

基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明基于html+css+js进行网页设计课程设计毕业设计供参考源码+说明

资源推荐

资源详情

资源评论

收起资源包目录

使用html + css + JavaScript + jQuery，模仿主流电商网站开发的网页，实现网页动态交互效果.zip （234个子文件）

index.css 7KB

common.css 5KB

base.css 1KB

iconfont.eot 18KB

search_log.gif 288KB

floor-loading.gif 143KB

loading.gif 128KB

helper-loading.gif 56KB

footer-loading.gif 51KB

loading.gif 40KB

loading.gif 34KB

loading.gif 3KB

index.html 75KB

rolling1.jpg 71KB

jquery.js 95KB

slide.js 9KB

dropdown.js 4KB

index.js 3KB

transition.js 1KB

tab.js 1KB

demand.js 1KB

scroll.js 175B

search.js 0B

information.json 224B

4.png 445KB

2.png 430KB

3.png 363KB

focus-ad.png 50KB

11.png 38KB

10.png 37KB

6.png 36KB

7.png 36KB

3.png 35KB

8.png 31KB

1.png 31KB

2.png 30KB

7.png 29KB

6.png 29KB

12.png 29KB

9.png 28KB

2.png 27KB

11.png 27KB

5.png 27KB

4.png 26KB

9.png 26KB

3.png 26KB

8.png 25KB

5.png 25KB

11.png 25KB

5.png 24KB

8.png 24KB

2.png 24KB

4.png 24KB

9.png 24KB

3.png 24KB

7.png 23KB

6.png 23KB

12.png 23KB

1.png 23KB

12.png 23KB

6.png 23KB

6.png 22KB

7.png 22KB

1.png 22KB

8.png 22KB

5.png 22KB

11.png 22KB

4.png 21KB

9.png 21KB

3.png 21KB

2.png 21KB

11.png 21KB

5.png 21KB

2.png 21KB

11.png 21KB

5.png 21KB

6.png 21KB

7.png 21KB

1.png 21KB

2.png 21KB

11.png 21KB

5.png 21KB

4.png 21KB

11.png 20KB

2.png 20KB

8.png 20KB

7.png 20KB

6.png 20KB

12.png 20KB

1.png 20KB

7.png 20KB

6.png 20KB

7.png 20KB

1.png 20KB

3.png 20KB

10.png 20KB

4.png 20KB

5.png 19KB

8.png 19KB

共 234 条

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>购物网站</title> <link rel="stylesheet" href="css/base.css"/> <link rel="stylesheet" href="css/index.css"/> <link rel="stylesheet" href="css/common.css"/> </head> <body>  <div class="nav-site"> <div class="container">  <ul class="fl"> <li class="fl"><a href="#" target="_blank" class="nav-site-login">亲,请登录</a></li> <li class="fl"><a href="#" class="nav-site-signUp link">免费注册</a></li> <li class="fl"><a href="#" class="nav-site-mobile link">手机逛</a></li> </ul>  <ul class="fr"> <li class="dropdown fl" data-active="head"> <a href="#" target="_blank" class="dropdown-toggle link">个人中心<i class="dropdown-arrow"></i></a>  <ul class="dropdown-layer dropdown-left"> <li><a href="#" target="_blank" class="dropdown-item">已买到的宝贝</a></li> <li><a href="#" target="_blank" class="dropdown-item">我的足迹</a></li> </ul> </li> <li class="head dropdown fl" data-active="head"> <a href="#" target="_blank" class="dropdown-toggle link">收藏夹<i class="dropdown-arrow"></i></a>  <ul class="dropdown-layer dropdown-left"> <li><a href="#" target="_blank" class="dropdown-item">收藏的宝贝</a></li> <li><a href="#" target="_blank" class="dropdown-item">收藏的店铺</a></li> </ul> </li> <li class="dropdown fl"> <a href="#" target="_blank" class="nav-site-category dropdown-toggle link">商品分类</a> </li> <li class="head dropdown fl" data-active="head"> <a href="#" target="_blank" class="dropdown-toggle link">卖家中心<i class="dropdown-arrow"></i></a>  <ul class="dropdown-layer dropdown-left"> <li><a href="#" target="_blank" class="dropdown-item">免费开店</a></li> <li><a href="#" target="_blank" class="dropdown-item">已卖出的宝贝</a></li> <li><a href="#" target="_blank" class="dropdown-item">出售中的宝贝</a></li> <li><a href="#" target="_blank" class="dropdown-item">卖家服务市场</a></li> <li><a href="#" target="_blank" class="dropdown-item">卖家培训中心</a></li> <li><a href="#" target="_blank" class="dropdown-item">体验中心</a></li> </ul> </li> <li class="head nav-site-service dropdown fl" data-active="head"> <a href="#" target="_blank" class="dropdown-toggle link">联系客服<i class="dropdown-arrow"></i></a>  <ul class="dropdown-layer dropdown-right"> <li><a href="#" target="_blank" class="dropdown-item">消费者客服</a></li> <li><a href="#" target="_blank" class="dropdown-item">卖家客服</a></li> </ul> </li> </ul> </div> </div>   <div class="header"> <div class="container">  <h1 class="fl"><a href="./index.html" class="header-logo">淘宝网</a></h1>  <div class="search fl"> <form action="https://s.taobao.com/search">  <input type="text" name="q" placeholder="灵魂美食一元起" autocomplete="off" class="search-inputbox fl"/>  <input type="submit" value="搜索" class="search-btn fl"/> </form>  <ul class="search-layer"> <li class="search-layer-item">111</li> <li class="search-layer-item">111</li> <li class="search-layer-item">111</li> </ul> </div> </div> </div>   <div class="nav-main"> <div class="container"> <a href="#" class="link">数码城</a> <a href="#" class="link">天黑黑</a> <a href="#" class="link">团购</a> <a href="#" class="link">发现</a> <a href="#" class="link">二手特价</a> <a href="#" class="link">名品汇</a> </div> </div>   <div class="focus"> <div class="container clearfix">  <div class="fl focus-category">  <a href="#" target="_blank" class="category-title"><i class="icon"></i>商品分类</a>  <ul class="category-list"> <li class="category-items category-active" data-active="category" data-load="js/category-detail-1.json"> <div class="dropdown-toggle"> <a href="###" target="_blank" class="dropdown-link">家用电器</a>  <i class="category-arrow">></i> </div>   </li> <li class="category-items category-active" data-active="category" data-load="js/category-detail-2.json"> <div class="dropdown-toggle"> <a href="###" target="_blank" class="dropdown-link">手机</a >、<a href="###" target="_blank" class="dropdown-link">运营商</a >、<a href="###" target="_blank" class="dropdown-link">数码</a>  <i class="category-arrow">></i> </div>  </li> <li class="category-items category-active" data-active="category" data-load="js/category-detail-3.json"> <div class="dropdown-toggle"> <a href="###" target="_blank" class="dropdown-link">电脑</a >、<a href

评论收藏

内容反馈