一号店官网

最新推荐文章于 2021-06-19 01:50:28 发布
最新推荐文章于 2021-06-19 01:50:28 发布
阅读量781 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43096635/article/details/86760700
版权
送货至：四川
你好!请 登录 免费注册 |  我的订单 |
  • 收藏夹
  • 客户服务 
                    <div class="ss_list_bg">
                    <div class="ss_list_c">
                        <ul>
                            <li><a href="#">客户服务</a></li>
                            <li><a href="#">客户服务</a></li>
                            <li><a href="#">客户服务</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="ss_list">
                <a href="#">网站导航</a>
            </li>
        </ul>
        <span class="fl">|&nbsp;关注我们：</span>
            <span class="s_sh">
                <a href="#" class="sh1">新浪</a>
                <a href="#" class="sh2">微信</a>
            </span>
            <span class="fr">|&nbsp;
                <a href="#">手机版&nbsp;
                    <img src="images/s_tel.png" align="absmiddle"/>
                </a>
            </span>
    </div>
</div>

<div class="top">
    <div class="logo">
        <a href="#">
            <img src="images/logo.png"/>
        </a>
    </div>
    <div class="search">
        <form>
            <input type="search" value="" placeholder="请输入关键字" class="s_ipt"/>
            <input type="submit" value="搜索" class="s_btn"/>
        </form>
        <div class="fl">
            <a href="#">咖啡</a>
            <a href="#">iphone 6S</a>
            <a href="#">新鲜美食</a>
            <a href="#">蛋糕</a>
            <a href="#">日用品</a>
            <a href="#">连衣裙</a>
        </div>
    </div>
    <div class="i_car">
        <div class="car_t">购物车</div>
    </div>
</div>

    <div class="postion">
        <span class="fl">所有团购 > 包饰 > 珠韵首饰 <i>冰韵 天然白色正圆S925银扣珍珠项链</i></span>
    </div>

    <div class="clear" >
        <div id="tsShopContainer">
            <div id="tsImgS">
                <a href="images/p_big.jpg" class="MagicZoom">
                    <img src="images/p_big.jpg" width="390" height="390"/>
                </a>
            </div>
            <div id="tsPicContainer">
                <div id="tsImgSArrL"></div>
                <div id="tsImgSCon">
                    <ul>
                        <li><img src="images/ps1.jpg" /></li>
                        <li><img src="images/ps2.jpg" width="79"/>
                        <li><img src="images/ps3.jpg" width="79"/></li>
                        <li><img src="images/ps4.jpg" width="79"/></li>
                    </ul>
                </div>
                <div id="tsImgSArrR"></div>
            </div>
        </div>

        <div class="pro_des">
            <div class="des_name">
                <p>珠韵首饰 冰韵 天然白色正圆S925银扣珍珠项链</p>
                全国包邮 送妈妈，正圆级淡水珍珠，白色S925银链扣，使用方便，尊贵礼物。
            </div>
            <div class="des_price">
                本店价格：<b>¥1786</b><br/>
                参考价：<span>¥3886</span>
            </div>
            <div class="des_choice">
                <span class="fl">尺码：</span>
                <ul>
                    <li class="checked">43cm
                        <div class="ch_img"></div>
                    </li>
                    <li>45cm
                        <div class="ch_img"></div>
                    </li>
                    <li>50cm
                        <div class="ch_img"></div>
                    </li>
                </ul>
            </div>
            <div class="des_choice">
                <span class="fl">颜色选择：</span>
                <ul>
                    <li>粉色
                        <div class="ch_img"></div>
                    </li>
                    <li class="checked">白色
                        <div class="ch_img"></div>
                    </li>
                </ul>
            </div>
            <div class="des_share">
                <div class="d_sh">
                    分享
                    <div class="d_sh_bg">
                        <a href="#"><img src="images/sh_1.gif"/></a>
                        <a href="#"><img src="images/sh_2.gif"/></a>
                        <a href="#"><img src="images/sh_3.gif"/></a>
                        <a href="#"><img src="images/sh_4.gif"/></a>
                        <a href="#"><img src="images/sh_5.gif"/></a>
                    </div>
                </div>
                <div class="d_care"><a >关注商品</a></div>
            </div>
            <div class="des_join">
                <div class="j_nums">
                    <input type="text" value="1" name="" class="n_ipt"/>
                    <input type="button" value="" class="n_btn_1"/>
                    <input type="button" value="" class="n_btn_2"/>
                </div>
                <span class="fl"><a><img src="images/j_car.png"/></a></span>
            </div>

        </div>

        <div class="s_brand">
            <div class="s_brand_img"><img src="images/sbrand.jpg" width="188" height="132"/></div>
            <div class="s_brand_c"><a href="#">进入品牌专区</a></div>
        </div>
    </div>

    <div class="content">
        <!--用户还喜欢-->
        <div class="l_history">
            <div class="fav_t">用户还喜欢</div>
            <ul>
                <li>
                    <div class="img"><a href="#"><img src="images/his_1.jpg" /></a></div>
                    <div class="name"><a href="#">科爱KEAL儿童日本书包减负护脊</a></div>
                    <div class="price">
                        <span>¥599</span>
                    </div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="images/his_2.jpg" /></a></div>
                    <div class="name"><a href="#">科爱KEAL小学生减负护脊书包超轻</a></div>
                    <div class="price">
                        <span>¥79</span>
                    </div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="images/his_3.jpg"/></a></div>
                    <div class="name"><a href="#">珠韵首饰 天然白色珍珠项链</a></div>
                    <div class="price">
                        <span>¥339</span>
                    </div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="images/his_4.jpg" /></a></div>
                    <div class="name"><a href="#">珠韵首饰 新品18K黄金珍珠耳钉</a></div>
                    <div class="price">
                        <span>¥1860</span>
                    </div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="images/his_5.jpg" /></a></div>
                    <div class="name"><a href="#">珠韵首饰 姝丽大珍珠项链</a></div>
                    <div class="price">
                        <span>¥758</span>
                    </div>
                </li>
            </ul>
        </div>

        <div class="l_list">
            <!--推荐搭配-->
            <div class="des_border">
                <div class="des_tit">
                    <ul>
                        <li class="current">推荐搭配</li>
                    </ul>
                </div>
                <div class="team_list">
                    <div class="img"><a href="#"><img src="images/mat_1.jpg" /></a></div>
                    <div class="name"><a href="#">粤通国际珠宝 999足金</a></div>
                    <div class="price">
                        <div class="checkbox">
                            <input type="checkbox" name="zuhe" checked="checked"/>
                        </div>
                       <span>￥76</span>
                    </div>
                </div>
                <div class="team_icon"><img src="images/jia_b.gif"/></div>
                <div class="team_list">
                    <div class="img"><a href="#"><img src="images/mat_2.jpg"/></a></div>
                    <div class="name"><a href="#">珠韵 9.5-10.5mm珍珠项链</a></div>
                    <div class="price">
                        <div class="checkbox">
                            <input type="checkbox" name="zuhe"/>
                        </div>
                        <span>￥1890</span>
                    </div>
                </div>
                <div class="team_icon"><img src="images/jia_b.gif"/></div>
                <div class="team_list">
                    <div class="img"><a href="#"><img src="images/mat_3.jpg"/></a></div>
                    <div class="name"><a href="#">清新耳环</a></div>
                    <div class="price">
                        <div class="checkbox">
                            <input type="checkbox" name="zuhe" checked/>
                        </div>
                        <span>￥232</span>
                    </div>
                </div>
                <div class="team_icon"><img src="images/equl.gif"/></div>
                <div class="team_sum">
                    套餐价：￥<span>2000</span><br/>
                    <input type="text" value="1" class="sum_ipt"/><br/>
                    <a href="#"><img src="images/z_buy.gif"/></a>
                </div>
            </div>
            <!--商品属性-->
            <div class="des_border">
                <div class="des_tit">
                    <ul>
                        <li class="current"><a href="#p_attribute">商品属性</a></li>
                        <li><a href="#p_details">商品详情</a></li>
                        <li><a href="#p_comment">商品评论</a></li>
                    </ul>
                </div>
                <div class="des_con" id="p_attribute">
                    <table border="0" align="center" style="width:100%; margin:10px auto;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td>商品名称：天然淡水珍珠</td>
                            <td>商品编号：1546211</td>
                            <td>品牌： 珠韵首饰</td>
                            <td>上架时间：2015-09-06 09:19:09</td>
                        </tr>
                        <tr>
                            <td>商品毛重：160.00g</td>
                            <td>商品产地：法国</td>
                            <td>珍珠形状：正圆</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>镶嵌材质：纯银</td>
                            <td>款式：项链</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>
                </div>
            </div>
            <!--商品详情-->
            <div class="des_border" id="p_details">
                <div class="des_t">商品详情</div>
                <div class="des_con">

                    <p align="center">
                        <img src="images/de2.jpg"/><br/><br/>
                        <img src="images/de3.jpg"/><br/><br/>
                        <img src="images/de4.jpg"/><br/><br/>
                        <img src="images/de5.jpg"/><br/><br/>
                        <img src="images/de6.jpg"/><br/><br/>
                        <img src="images/de7.jpg"/><br/><br/>
                        <img src="images/de8.jpg"/><br/><br/>
                    </p>

                </div>
            </div>
            <!--商品评论-->
            <div class="des_border" id="p_comment">
                <div class="des_t">商品评论</div>
                <table border="0" class="jud_tab" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="175" class="jud_per">
                            <p>80.0%</p>好评度
                        </td>
                        <td width="300">
                            <table border="0" style="width:100%;" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="90">好评<span color="#999999">（80%）</span></td>
                                    <td><img src="images/pl.gif" align="absmiddle"/></td>
                                </tr>
                                <tr>
                                    <td>中评<span color="#999999">（20%）</span></td>
                                    <td><img src="images/pl.gif" align="absmiddle"/></td>
                                </tr>
                                <tr>
                                    <td>差评<span color="#999999">（0%）</span></td>
                                    <td><img src="images/pl.gif" align="absmiddle"/></td>
                                </tr>
                            </table>
                        </td>
                        <td width="185" class="jud_bg">
                            购买过珠韵首饰 天然银扣珍珠项链的顾客，在收到商品才可以对该商品发表评论
                        </td>
                        <td class="jud_bg">您可对已购买商品进行评价<br/><a href="#"><img src="images/btn_jud.gif"/></a></td>
                    </tr>
                </table>
                <table border="0" class="jud_list" style="width:100%; margin-top:30px;" cellspacing="0" cellpadding="0">
                    <tr valign="top">
                        <td width="160"><img src="images/peo1.jpg" width="20" height="20" align="absmiddle"/>&nbsp;向死而生
                        </td>
                        <td width="180">
                            颜色分类：<font color="#999999">粉色</font> <br/>
                            型号：<font color="#999999">43cm</font>
                        </td>
                        <td>
                            产品很好，香味很喜欢，必须给赞。 <br/>
                            <font color="#999999">2015-09-24</font>
                        </td>
                    </tr>
                    <tr valign="top">
                        <td width="160"><img src="images/peo2.jpg" width="20" height="20" align="absmiddle"/>&nbsp;就是这么想的
                        </td>
                        <td width="180">
                            颜色分类：<font color="#999999">粉色</font> <br/>
                            型号：<font color="#999999">43cm</font>
                        </td>
                        <td>
                            送朋友，她很喜欢，大爱。 <br/>
                            <font color="#999999">2015-09-24</font>
                        </td>
                    </tr>
                    <tr valign="top">
                        <td width="160"><img src="images/peo3.jpg" width="20" height="20" align="absmiddle"/>&nbsp;墨镜墨镜
                        </td>
                        <td width="180">
                            颜色分类：<font color="#999999">白色</font> <br/>
                            型号：<font color="#999999">43cm</font>
                        </td>
                        <td>
                            大家都说不错<br/>
                            <font color="#999999">2015-09-24</font>
                        </td>
                    </tr>
                    <tr valign="top">
                        <td width="160"><img src="images/peo4.jpg" width="20" height="20" align="absmiddle"/>&nbsp;那*****洋
                            <br/><font color="#999999">（匿名用户）</font></td>
                        <td width="180">
                            颜色分类：<font color="#999999">白色</font> <br/>
                            型号：<font color="#999999">43cm</font>
                        </td>
                        <td>
                            下次还会来买，推荐。<br/>
                            <font color="#999999">2015-09-24</font>
                        </td>
                    </tr>
                </table>
                <div class="pages">
                    <a href="#" class="p_pre">上一页</a><a href="#" class="cur">1</a><a href="#">2</a><a
                        href="#">3</a>...<a href="#">20</a><a href="#" class="p_pre">下一页</a>
                </div>
            </div>
        </div>
    </div>
</div>
You are my heart
关注
HTML(第十一章)(两处代码存在着不同的浅微的差距)
qq_59861678的博客
05-12 205
<!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>Do.
j Query一号店项目 首页 搜索页 详情页 注册页 登录页 仅供学习使用
06-16
j Query一号店项目 首页 搜索页 详情页 注册页 登录页 仅供学习使用，网页中所用的代码和素材都包含在压缩包中。一号店学习教材，HTML C SS J S J QUERY 功能的实现，培训机构专用
1号店html代码
07-01
制作网购网页的HTML部分代码，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习，专心学习。
第十一章
hao19980524的博客
12-04 343
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;link type="text/css" rel="stylesheet" href="css/style.css"/&gt;
HTML 第十一章总结
weixin_30653097的博客
12-07 179
# 第十一章总结:本章的标题为：layout and positioning Arranging Element##前言：这一章节，通过已经知道的 box model 的概念，进行讲述关于 layout 的知识，并且通过这些知识进行创造专业的设计和 multicolumn layouts. ##谈谈Flow###对于block element* 对 block element 来说， Brow...
1号店首页代码html
03-30
1号店首页代码学习使用...
1号店完整代码_js代码_一号店代码_京东1号店_
09-29
【标题】"1号店完整代码_js代码_一号店代码_京东1号店"涉及到的是一个电子商务网站的前端实现，特别关注的是JavaScript（JS）在其中的应用，这是一门广泛用于网页动态效果和交互功能的编程语言。1号店是中国知名的...
shopex仿一号店模板
04-30
"ShopEx仿一号店模板"指的是基于ShopEx系统设计的一款模仿“一号店”（现为京东旗下的一家在线购物网站）风格的网店模板。一号店以其简洁明了的界面和良好的用户体验而受到用户喜爱，因此，这款模板的目的是为了让...
一号店模板最新版 官方正版 1号店商城模版 shopex4.85模板
06-04
【一号店模板最新版 ...总的来说，"一号店模板最新版 官方正版 1号店商城模版 shopex4.85模板"是一个专业、安全、易用的电商平台解决方案，为商家提供了一站式的网店建设和管理工具，有助于提升品牌形象和销售业绩。
制作仿一号店_仿一号店移动端
最新发布
05-23
可以参考一号店的官网，或者其他电商网站的设计。 2. 编写HTML代码，构建页面结构。需要考虑到网站的响应式设计，使得网站在不同设备上都有良好的显示效果。 3. 使用CSS样式表对页面进行美化，实现设计师提供的...
1号店网页制作(HTML+CSS)
01-21
初学网页制作 运用html和css完成 的1号店网页主页、登录和注册页面 纯属个人学习制作 在此分享 特此声明 感谢原网站资源1号店版权 此资源纯属个人学习制作
一号店项目,jquery
03-31
一号店项目,实现了注册和登录的表单验证,排序,购物车,获取验证码
一号店页面CSS样式
02-10
网页制作css样式，运用h5技术实现网页动态美化，运用开发工具为abobe dreamweaver cs6,
jquery仿一号店的左侧菜单 可向右扩展伸出的多级菜单效果
06-16
类似于一号店左侧的“所有商品分类”导航菜单的实现。来自：http://www.jb51.net/jiaoben/37091.html
一号店html模板
03-18
一号店html模板，界面精美，代码简练，值得学习与参考
HTMl十一章项目一,《第十一章HTML语言和脚本语言4+2.doc
weixin_39681724的博客
06-19 149
《第十一章HTML语言和脚本语言42HTML语言和脚本语言11.1 HTML语言11.1.1什么是HTMLHTML是用来制作网页的标记语言.HTML是Hypertext Markup Language的英文缩写,即超文本标记语言.HTML语言是一种标记语言,不需要编译,直接由浏览器执行.HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀....
【阅读】《Head First HTML 与 CSS》第十一章——布局与定位
热门推荐
Slience
08-13 1万+
这一章主要讲如何运用和盒结构做出
《HTML5与CSS3基础教程》第十一章学习笔记 用CSS进行布局
Cap220590的博客
03-01 382
文章目录第11章 用CSS进行布局11.1 开始布局的注意事项11.2 构建页面11.4 对默认样式进行重置或标准化11.5 盒模型11.6 控制元素的显示类型和可见性11.7 设置元素的高度11.8 在元素周围添加内边距11.9 设置边框11.11 使元素浮动11.12 控制元素浮动的位置11.12 控制元素浮动的位置11.13 对元素进行相对定位11.14 对元素进行绝对定位11.15 在栈中...
一号店
k123liu的博客
12-03 1739
一号店项目 主页面 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;一号店主页&lt;/title&gt; &lt;style&gt; li{
一号店用户画像系统构建与应用探索
"一号店用户画像系统实践" 一号店作为电子商务领域的先行者，面对日益庞大的用户数据，构建用户画像系统成为了挖掘大数据价值的关键。用户画像通过标签化的方式捕捉和量化用户的特性，以更深入地理解用户行为和需求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值