基于html+css实现的仿京东电商平台网页源码(html期末大作业).zip

共197个文件

png：72个

jpg：60个

webp：22个

版权申诉

期末大作业

课程大作业

html

5星 · 超过95%的资源 75 浏览量 2024-01-11 14:44:45 上传评论 2 收藏 12.16MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于html+css实现的仿京东电商平台网页源码(html期末大作业).zip （197个子文件）

index.css 10KB

demo.css 8KB

common.css 4KB

news.css 3KB

base.css 1KB

iconfont.css 745B

index.html 29KB

news.html 14KB

demo_index.html 9KB

favicon.ico 9KB

shopping.jpg 912KB

huasuo.jpg 145KB

f5.jpg 123KB

bird.jpg 107KB

colorful.jpg 90KB

f2.jpg 87KB

mouse.jpg 80KB

f4.jpg 78KB

weixing.jpg 73KB

intel.jpg 70KB

f6.jpg 60KB

recom14.jpg 44KB

recom15.jpg 44KB

recom13.jpg 43KB

iwathes.jpg 35KB

f3.jpg 29KB

recom12.jpg 27KB

f1.jpg 26KB

recom8.jpg 24KB

recom10.jpg 23KB

recom3.jpg 22KB

Apple.jpg 22KB

recom5.jpg 17KB

recom11.jpg 12KB

bargain.jpg 11KB

clothes-red.jpg 5KB

clothes-blue.jpg 5KB

clothes-grey.jpg 4KB

clothes-white.jpg 4KB

clothes-black.jpg 4KB

iconfont.js 3KB

index.js 3KB

count-down.js 957B

animation.js 591B

iconfont.json 480B

页面展示.md 280B

Snipaste_2023-07-13_12-48-31.png 431KB

共 197 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>乐购(LG.COM)-正品低价、品质保障、配送及时、轻松购物！</title> <link rel="shortcut icon" href="./favicon.ico" />  <link rel="stylesheet" href="./fonts/iconfont.css" />  <meta name="description" content="乐购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />  <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡" /> <link rel="stylesheet" href="css/base.css" /> <link rel="stylesheet" href="css/common.css" /> <link rel="stylesheet" href="css/index.css" />   <script src="js/animation.js"></script>  <script src="js/index.js"></script>   </head> <body>  <section class="shortcut"> <div class="w"> <ul class="position"> <li><a href="#">重庆</a></li> </ul> <ul class="option"> <li>乐购欢迎您！</li> <li> <a href="#">请登录</a>  <a href="register.html" class="red" >免费注册</a > </li> <li><a href="#">我的订单</a></li> <li>|</li> <li><a href="#">我的乐购</a></li> <li>|</li> <li><a href="#">乐购会员</a></li> <li>|</li> <li class="buy"> <a href="#" class="red" >企业采购 <div class="firm" style="display: none"> <ul> <li><a href="#">企业购</a></li> <li><a href="#">公共采购</a></li> <li><a href="#">工业品</a></li> <li><a href="#">商用场景馆</a></li> <li><a href="#">礼品卡</a></li> <li><a href="#">微信企业购</a></li> <li><a href="#">工品优选</a></li> <li><a href="#">乐购锦礼</a></li> </ul> </div> </a> </li> <li>|</li> <li><a href="#">关注乐购</a></li> <li>|</li> <li><a href="#">客户服务</a></li> <li>|</li> <li><a href="#">网站导航</a></li> </ul> </div> </section> <script> let buy = document.querySelector('.buy'); buy.onmouseover = function () { buy.children[1].style.display = 'block'; }; buy.onmouseout = function () { buy.children[1].style.display = 'none'; }; </script>   <header class="head"> <div class="w"> <div class="logo"> <h1> <a href="index.html" title="乐购商城" >乐购商城<img src="img/logo.png" alt="" /></a> </h1> </div> <div class="search"> <input type="search" name="" id="" placeholder="iPhone14" /> <button></button> </div> <div class="hotwords"> <a href="#" class="red">乐购首发</a> <a href="#">亿元优惠</a> <a href="#">9.9元团购</a> <a href="#">美满99减30</a> <a href="#">办公用品</a> <a href="#">电脑</a> <a href="#">通信</a> </div> <div class="shopcar"> <a href="#">我的购物车</a> <i class="count">8</i> </div> </div> </header>   <nav class="nav"> <div class="w"> <div class="navitems"> <ul> <li><a href="#">全球购</a></li> <li><a href="#">优惠券</a></li> <li><a href="#">乐购家电</a></li> <li><a href="#">秒杀</a></li> <li><a href="#">拍卖</a></li> <li><a href="#">团购</a></li> <li><a href="#">品牌闪购</a></li> <li><a href="#">乐购生鲜</a></li> </ul> </div> </div> </nav>   <div class="w"> <div class="mains"> <div class="dropdown"> <div class="dd"> <ul> <li><a href="#">家用电器</a></li> <li><a href="#">手机、数码、通信</a></li> <li><a href="#">电脑、办公</a></li> <li><a href="#">家居、家具、家装、厨具</a></li> <li><a href="#">男装、女装、童装、内衣</a></li> <li><a href="#">个户化妆、清洁用品、宠物</a></li> <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a></li> <li><a href="#">运动户外、钟表</a></li> <li><a href="#">汽车、汽车用品</a></li> <li><a href="#">母婴、玩具乐器</a></li> <li><a href="#">食品、酒类、生鲜、特产</a></li> <li><a href="#">医药保健</a></li> <li><a href="#">图书、音像、电子书</a></li> <li><a href="#">彩票、旅行、充值、票务</a></li> <li><a href="#">理财、众筹、白条、保险</a></li> <li><a href="#">工业品</a></li> </ul> </div> </div> <div class="main"> <div class="focus"> <a href="javascript:;" class="arrow-l"> < </a> <a href="javascript:;" class="arrow-r"> > </a>  <ul> <li> <a href="#"><img src="img/f1.jpg" alt="" /></a> </li> <li> <a href="#"><img src="img/f2.jpg" alt="" /></a> </li> <li> <a href="#"><img src="img/f3.jpg" alt="" /></a> </li> <li> <a href="#"><img src="img/f4.jpg" alt="" /></a> </li> <li> <a href="#"><img src="img/f5.jpg" alt="" /></a> </li> <li> <a href="#"><img src="img/f6.jpg" alt="" /></a> </li> </ul>  <ol class="circle"></ol> </div> <div class="newsflash"> <div class="news"> <div class="news_hd"> <h4>乐购快报</h4> <a href="#" class="more">更多 </a> </div> <div class="news_bd"> <ul> <li> <a href="news.html" ><span>热门</span> 男生喜欢收到什么样的礼物，看完这篇文章你就知道了</a > </li> <li> <a href="#" ><span>热评</span >自驱牵引不费力，给爸妈用以内洗地机更省心</a > </li> <li> <a href="#" ><span>热门</span >缓解肌肤毛孔粗大问题就选天气丹补水保湿面膜</a > </li>

评论收藏

内容反馈

版权申诉