北大青鸟ACCP8.0《jQuery》结业项目 仿淘宝

【实例简介】

                仿淘宝，有短暂语音服务，商品详情图片放大    

 包含功能页面

• 首页   

• 登录

• 注册

• 商品详情信息

• 购物车

• 个人信息（绑定手机，.收获地址，个人详情）

• 智能服务
  

  
  

【核心代码】

            想看吗，没有

            <div data-toggle="hidden-box" id="nav-box2" class="msg-box">
                    <h1>未读新消息<a href="#" class="fa fa-pencil-square-o pencil"></a></h1>
                    <div class="read-info">
                        <h2><span class="orange">&nbsp;&nbsp;|</span>&nbsp;你的书架&nbsp;<span
                                style="font-weight: lighter">收到了<span class="orange">1</span>本书</span><span
                                class="fa fa-times close-msg"></span></h2>
                        <img src="img/book-1.png" />
                        <div style="float: right">
                            <p>
                                全中国最穷的小伙子发财日记<br />
                                掏彩票公共账号
                            </p>
                            <h3><a href="#">去看看</a></h3>
                        </div>
                    </div>
                    <div class="msg-setting">
                        <a href="#" class="fa fa-cog"></a>
                        <a href="#" class="fa fa-pencil-square-o"></a>
                        <a style="margin-left: 70px" href="#">买家消息&nbsp;|&nbsp;</a>
                        <a href="#">卖家消息</a>
                    </div>
                </div>
            </div>