一号店V1.0.zip

  • O5_906762
    了解作者
  • 1.1MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-27 08:26
    上传日期
模仿一号店的页面写的html前端,可以拿来学习和使用。
一号店V1.0.zip
  • 一号店V1.0
  • 图片12.jpg
    43.4KB
  • jquery.js
    86.1KB
  • 图片13.jpg
    311.4KB
  • logo2.jpg
    9.8KB
  • 图片3.jpg
    33.2KB
  • 图片11.jpg
    68.5KB
  • huichang.png
    35.6KB
  • 图片9.jpg
    82.6KB
  • search.jpg
    638B
  • 1324.webp
    56.1KB
  • 图片10.jpg
    52.6KB
  • 大作业.html
    9.1KB
  • 图片1.jpg
    14.9KB
  • Untitled-1.html
    5.7KB
  • 图片7.jpg
    27.1KB
  • 注册.html
    5.1KB
  • 售后无忧.jpg
    3.5KB
  • 准时送达.jpg
    3.5KB
  • APP更优惠.png
    822B
  • 图片4.jpg
    45.6KB
  • logo2.png
    40.3KB
  • 登录.html
    3.5KB
  • 4321.webp
    34KB
  • 满68包邮.jpg
    3.2KB
  • 4231.webp
    11.2KB
  • 正品保障.jpg
    3.8KB
  • 加微信.jpg
    5.6KB
  • logo.png
    10KB
  • 图片5.jpg
    54.2KB
  • 1234.webp
    24.6KB
  • 图片14.jpg
    57.4KB
  • loginlogo.jpg
    3.8KB
  • 123.jpg
    19.3KB
  • 图片2.jpg
    56.6KB
  • 图片8.jpg
    13.4KB
  • style.css
    11.1KB
  • 图片6.jpg
    53.8KB
内容介绍
<!DOCTYPE html> <html> <head> <link rel="shortcut icon" href="./123.jpg"> <link rel="stylesheet" href="./style.css"> <title>一号店</title> <script> </script> </head> <body> <div class="topdaohanglan"> <p style="left: 180px">送货地址:</p> <span style="left: 240px" > 上海</span> <p style="right: 407px">早上好,请</p> <ul> <li><a class="one" href="./登录.html" target="_blank" rel='nofollow' onclick='return false;'>登录 </a></li> <li><a class="three" href="./注册.html" target="_blank" rel='nofollow' onclick='return false;'> &nbsp 注册&nbsp</a></li> <li><a class="two" href="https://www.xiaomi.com" target="_blank" rel='nofollow' onclick='return false;'>&nbsp 会员俱乐部 &nbsp</a></li> <li><a class="two" href="https://www.jingdong.com" target="_blank" rel='nofollow' onclick='return false;'> &nbsp 我的订单 </a></li> </ul> </div> <div class="kuangjia"> <input type="text" class="search" placeholder="搜索"> <input type="button" name="" id="" class="btn" > <div class="gouwuche"><a href="https://www.doitbar.com" target="_blank" rel='nofollow' onclick='return false;'>购物车</a></div> <ul class="ul1"> <li><a class="top2" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>洗衣机 &nbsp </a></li> <li><a class="top2" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>小霸王学习机 &nbsp </a></li> <li><a class="top2" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>男装 &nbsp </a></li> <li><a class="top2" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>手机数码 </a></li> </ul> <ul class="ul2"> <li style="background-color: rgb(243, 11, 11)"><a class="top3" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>全部商品 &nbsp&nbsp&nbsp</a></li> <li><a class="top1" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>抢金币 &nbsp&nbsp </a></li> <li><a class="top1" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>金币签到 &nbsp&nbsp </a></li> <li><a class="top1" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>充值 &nbsp &nbsp</a></li> <li><a class="top1" class="top1" href="https://www.baidu.com" target="_blank" rel='nofollow' onclick='return false;'>超级单品 </a></li> </ul> </div> <div class="wrap"> <div class="list"> </div> <ul class="pointList"> <li class="point active" data-indax="0">母婴综合</li> <li class="point" data-indax="1">萌宠生活</li> <li class="point" data-indax="2">户外野生</li> <li class="point" data-indax="3">垃圾分类</li> </ul> <button type="button" class="btn1" id="goPre"> < </button> <button type="button" class="btn1" id="goNext"> > </button> </div> <div class="chanpin"> <div class="kuang1"> <p class="biaoti">超级单品</p> <p class="wenzi1">限时 限量 品质 超值</p> <p class="wenzi2">距结束仅剩:</p> <p class="shijian1">11</p> <p class="shijian2">:</p> <p class="shijian1">24</p> <p class="shijian2">:</p> <p class="shijian1">36</p> </div> <div class="kuang2"> <a class="lianjie1" href="https://wwwbaidu.com" rel='nofollow' onclick='return false;'>男士修身西装裤</a> <p class="qian1">$358</p> </div> <div class="kuang3"></div> <div class="kuang4"></div> <div class="kuang5"></div> <div class="kuang6"></div> <div class="kuang7"></div> <div class="kuang8"></div> <div class="kuang9"></div> <div class="kuang10"></div> </div> <div class="wupin"> <div class="wupin1"> <a class="chaoji1" href="https://www.baidu.com" rel='nofollow' onclick='return false;'>超级品牌</a> <a class="chaoji2" href="https://www.baidu.com" rel='nofollow' onclick='return false;'>/超级品牌</a> <a class="chaoji2" href="https://www.baidu.com" rel='nofollow' onclick='return false;'>/精品汇聚</a> <a class="yuanquanbiaohao" href="https://www.baidu.com" rel='nofollow' onclick='return false;'>进入 ></a> <a class="jinlongyu" href="" rel='nofollow' onclick='return false;'>金龙鱼</a> <a class="dijialaixi" href="" rel='nofollow' onclick='return false;'>低价来袭</a> </div> <div class="wupin2"></div> </div> <div class="weibu"> <div class="weibukuang1"> <p class="zuihou1">正品保障</p> <p class="zuihou2">正品行货,放心选购</p> <p class="zuihou1">满68元包邮</p> <p class="zuihou2">正品行货,放心选购</p> <p class="zuihou1">售后无忧</p> <p class="zuihou2">正品行货,放心选购</p> <p class="zuihou1">准时送达</p> <p class="zuihou2">正品行货,放心选购</p> </div> <div class="weibukuang2"> <ul> <li>新手入门</li> <li><a href="" rel='nofollow' onclick='return false;'>购物流程</a></li> <li><a href="" rel='nofollow' onclick='return false;'>会员制度</a></li> <li><a href="" rel='nofollow' onclick='return false;'>订单查询</a></li> <li><a href="" rel='nofollow' onclick='return false;'>服务协议及隐私说明</a></li> <li><a href="" rel='nofollow' onclick='return false;'>网站地图</a></li> </ul> <ul> <li>新手入门</li> <li><a href="" rel='nofollow' onclick='return false;'>购物流程</a></li> <li><a href="" rel='nofollow' onclick='return false;'>会员制度</a></li> <li><a href="" rel='nofollow' onclick='return false;'>订单查询</a></li> <li><a href="" rel='nofollow' onclick='return false;'>服务协议及隐私说明</a></li> <li><a href="" rel='nofollow' onclick='return false;'>网站地图</a></li> </ul> <ul> <li>新手入门</li> <li><a href="" rel='nofollow' onclick='return false;'>购物流程</a></li> <li><a href="" rel='nofollow' onclick='return false;'>会员制度</a></li> <li><a href="" rel='nofollow' onclick='return false;'>订单查询</a></li> <li><a href="" rel='nofollow' onclick='return false;'>服务协议及隐私说明</a></li> <li><a href="" rel='nofollow' onclick='return false;'>网站地图</a></li> </ul> <ul> <li>新手入门</li> <li><a href="" rel='nofollow' onclick='return false;'>购物流程</a></li> <li><a href="" rel='nofollow' onclick='return false;'>会员制度</a></li> <li><a href="" rel='nofollow' onclick='return false;'>订单查询</a></li> <li><a href="" rel='nofollow' onclick='return false;'>服务协议及隐私说明</a></li> <li><a href="" rel='nofollow' onclick='return false;'>网站地图</a></li> </ul> <ul> <li>APP更优惠</li> <li></li> </ul> <ul> <li>加微信查订单</li> <li></li> </ul> </div> <div class="weibukuang3"> <p class="zuihou4">Copyright© 1号店网上超市 2007-2019,All Rights Reserved</p> </div> </div> <script type="text/javascript"> var items = document.getElementsByClassName('item'); var points = document.getElementsByClassName('point'); var goPreBtn = document.getElementById('goPre'); var goNextBtn = document.getElementById('goNext'); var time = 0; var index = 0; var clea
评论
    相关推荐