HTML+CSS+JavaScript原生购物网站首页案例_html写一个商品添加到购物车的代码资源-CSDN文库

共13个文件

css：3个

map：2个

less：2个

html

javascript

需积分: 8 73 浏览量 2023-04-14 15:15:09 上传评论 4 收藏 189KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

SHP-静态尚优选.rar （13个子文件）

SHP-静态尚优选

image

6.jpg 55KB

5.jpg 90KB

2.jpeg 50KB

data.js 3KB

index.js 18KB

css

index.less 27KB

mixin

clear.css.map 107B

clear.less 103B

clear.css 108B

reset.css 4KB

index.css 18KB

index.css.map 10KB

index.html 15KB

<!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>尚优选</title> <link rel="stylesheet" href="./css/reset.css"> <link rel="stylesheet" href="./css/index.css"> <link rel="stylesheet" href="./css/index.less">  </head> <body>  <div id="wipper">  <div id="header">  <div id="headerTop">  <div id="headerTopMain">  <div id="left"> <h4>欢迎来到尚优选，请</h4> <div> <a href="">登录</a> <a href="">注册</a> </div> </div>  <div id="right"> <nav> <a href="">我的订单</a> <a href="">我的购物车</a> <a href="">我的尚优选</a> <a href="">尚优选会员</a> <a href="">企业采购</a> <a href="">关注尚优选</a> <a href="">合作招商</a> <a href="">商家后台</a> </nav> </div> </div> </div> <div id="headerBottom"> <div id="headerBottomMain">  <div id="logo"> <a href=""> <img src="./image/2.jpeg" alt=""> </a> </div>  <div id="search"> <input type="text" placeholder="请输入搜索内容"> <input type="submit" value="搜索"> </div> </div> </div> </div>  <div id="navWrap"> <div id="navWrapMain"> <a href="">全部商品分类</a> <a href="">服装城</a> <a href="">美妆馆</a> <a href="">尚优选超市</a> <a href="">全球购</a> <a href="">闪购</a> <a href="">团购</a> <a href="">有趣</a> <a href="">秒杀</a> </div> </div>  <div id="content"> <div id="contentMain"> <div id="navPath">  </div>  <div id="center">  <div id="left"> <div id="leftTop"> <div id="smallPic"> <img src="./image/5.jpg" alt="">   </div>   </div>  <div id="leftBottom"> <a href="javascript:;" id="aLeft"><</a> <div id="picList"> <ul>  </ul> </div> <a href="javascript:;" id="aRight">></a> </div> </div>  <div id="right"> <div id="rightTop">  </div> <div id="rightBottom"> <div id="choose">  </div> <div id="chooseWrap">  </div> <div id="addCart"> <div id="count"> <input type="text" name="" id=""> <a href="javascript:;" id="inc">+</a> <a href="javascript:;" id="dec">-</a> </div> <button>加入购物车</button> </div> </div> </div> </div>  <div id="goodDetailWrap">  <aside id="leftAside">  <div id="asideTop"> <h4 class="active">相关分类</h4> <h4>推荐品牌</h4> </div>  <div id="asideContent"> <div class="active"> <ul id="goodList1"> <li>手机壳</li> <li>手机壳</li> <li>手机壳</li> <li>手机壳</li> <li>手机壳</li> <li>手机壳</li> <li>手机壳</li> <li>手机壳</li> </ul> <ul id="goodList2"> <li> <img src="./image/2.jpeg" alt=""> <span>华为华为华为</span> <p>3999.00</p> <div id="button"> <a href="javascript:;">加入购物车</a> </div> </li> <li> <img src="./image/2.jpeg" alt=""> <span>华为华为华为</span> <p>3999.00</p> <div id="button"> <a href="javascript:;">加入购物车</a> </div>

评论收藏

内容反馈