179 lines
9.3 KiB
HTML
179 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
<link rel="stylesheet" href="./css/public.css">
|
||
</head>
|
||
<body>
|
||
<div class="header">
|
||
<img class="logo" src="./image/banner.jpg" alt="">
|
||
<div class="header_conten">
|
||
<div class="conten_logo">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/logo.svg" alt="">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/bannerTag.png" alt="">
|
||
</div>
|
||
<p>原1号店于2020年7月22日正式升级为1号会员店，通过全场自营、精选商品模式，<br> 致力于为用户提供品质升级、超值天天低价、便捷省心的会员制购物体验。</p>
|
||
<div class="down">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_Mobile.svg" alt="">
|
||
<span>下载APP</span>
|
||
</div>
|
||
</div>
|
||
<div class="header_list">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_Notice.svg" alt="">
|
||
<span>1号店PC及H5调整公告</span>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<div class="content_top">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_jxpz.png" alt="">
|
||
<p>自营全站商品 以严格选品标准 精挑细选3000+最优好货</p>
|
||
</div>
|
||
<div class="content_tx">
|
||
<div class="list">
|
||
<img class="list_pic" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_jxpzItem1.png" alt="">
|
||
<p class="list_p">肉蛋果蔬</p>
|
||
</div>
|
||
<div class="list">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_jxpzItem2_click.png" alt="">
|
||
<p>食品饮料</p>
|
||
</div>
|
||
<div class="list">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_jxpzItem3.svg" alt="">
|
||
<p>服饰鞋包</p>
|
||
</div>
|
||
<div class="list">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_jxpzItem4.png" alt="">
|
||
<p>餐厨日用</p>
|
||
</div>
|
||
<div class="list">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_jxpzItem5_click.png" alt="">
|
||
<p>粮油速食</p>
|
||
</div>
|
||
<div class="list">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_jxpzItem6_click.svg" alt="">
|
||
<p>精致小店</p>
|
||
</div>
|
||
</div>
|
||
<div class="pic">
|
||
<img class="lm" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_mainBox2_1_2.png" alt="">
|
||
<div class="pic_left">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_banner_before_default.png" alt="">
|
||
</div>
|
||
<div class="pic_right">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_banner_after_default.png" alt="">
|
||
</div>
|
||
<div class="list_contentpic">
|
||
<img class="wm" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_mainBox2_2_1.png" alt="">
|
||
<img class="" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_mainBox2_2_2.png" alt="">
|
||
<img class="" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_mainBox2_2_3.png" alt="">
|
||
<img class="" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_mainBox2_2_4.png" alt="">
|
||
<img class="" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_mainBox2_2_5.png" alt="">
|
||
<img class="" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_mainBox2_2_6.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="wcsz">
|
||
<div class="content_top">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz.png" alt="">
|
||
<p>入会专享超值好礼，天天低价</p>
|
||
</div>
|
||
<div class="lw">
|
||
<div class="lw_l">
|
||
<img class="bjt" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz_bgm_1.png" alt="">
|
||
<div class="lw_ll">
|
||
<img class="lwpic" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz_item1_1.png" alt="">
|
||
<img class="lwwz" src="https://www.yhd.com/yhdmember/static/media/img_wcsz_item1_2.d3f3daa2.png" alt="">
|
||
<p>首次入会专享<br>单件免运费</p>
|
||
</div>
|
||
</div>
|
||
<div class="lw_l">
|
||
<img class="bjt" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz_bgm_2.png" alt="">
|
||
<div class="lw_ll">
|
||
<img class="lwpic" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz_item2_1.png" alt="">
|
||
<img class="lwwz" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz_item2_2.png" alt="">
|
||
<p>比价京东自营<br>全场会员价</p>
|
||
</div>
|
||
</div>
|
||
<div class="lw_l">
|
||
<img class="bjt" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz_bgm_3.png" alt="">
|
||
<div class="lw_ll">
|
||
<img class="lwpic" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz_item3_1.png" alt="">
|
||
<img class="lwwz" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz_item3_2.png" alt="">
|
||
<p>到期没省出会费<br>全额赔付</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ty">
|
||
<div class="content_top">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_wcsz.png" alt="">
|
||
<p>入会专享超值好礼，天天低价</p>
|
||
</div>
|
||
<div class="ty_pic">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/img_fxty_1.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="bq">
|
||
<div class="bq_left">
|
||
<h3>扫码下载APP<br>开启品质生活</h3>
|
||
<p>一期仅开放部分城市，<br>敬请期待。</p>
|
||
</div>
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_qrCode.png" alt="" srcset="">
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer_top">
|
||
<div>
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line1_1.svg" alt="">
|
||
<span>精选好货</span>
|
||
</div>
|
||
<div>
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line1_2.png" alt="">
|
||
<span>天天低价</span>
|
||
</div>
|
||
<div>
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line1_3.png" alt="">
|
||
<span>全场自营</span>
|
||
</div>
|
||
<div>
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line1_4.png" alt="">
|
||
<span>京东物流</span>
|
||
</div>
|
||
</div>
|
||
<p>沪ICP备16050468号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：4006063968 | 沪B2-20170039 | 沪公网安备 31010502002939号 | 增值电信业务经营许可证 <br>Copyright© 1号会员店 2007-2020， All Rights Reserved
|
||
</p>
|
||
<div class="footer_dibu">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line3_1.png" alt="">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line3_3.png" alt="">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line3_4.png" alt="">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line3_5.png" alt="">
|
||
<img class="gh" src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line3_small.png" alt="">
|
||
<img src="https://img.yihaodianimg.com/vip-pro/images/pcQuality/icon_footer_line3_6.png" alt="">
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<script>
|
||
|
||
|
||
var tabTitle = document.querySelectorAll(".list img");
|
||
var tabContent = document.querySelectorAll(".list_contentpic img")
|
||
var list = document.querySelectorAll(".list p");
|
||
console.log(tabTitle);
|
||
tabTitle.forEach(function(val,index){
|
||
val.onmouseover = function() {
|
||
tabTitle.forEach(function(v,i) {
|
||
v.className = ""
|
||
tabContent[i].className = ""
|
||
list[i].className=""
|
||
})
|
||
|
||
val.className = "list_pic"
|
||
tabContent[index].className = "wm"
|
||
list[index].className = "list_p"
|
||
}
|
||
})
|
||
</script>
|
||
</html> |