jQuery右侧悬浮的购物车清单代码

jQuery右侧悬浮的购物车清单代码

这是一款jQuery网页右侧悬浮的购物车、商品清单,点击增加减少商品数量。带在线客服按钮和登录弹出层表单代码。

使用方法
在页面引入以下jquery-1.11.1.min.js、common.js文件

1
2
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>

HTML结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!-- 登录弹窗 默认隐藏 begin -->
<div style="display: none;" class="popup_login">
    <div class="login_form">
        <a class="close_popup" href="javascript:void(0)">
            <img src="img/icon/icon-clo.png" alt="">
        </a>
        <h3>登录</h3>
        <div>
            <div class="form_block">
                        <span class="username_icon input_icon">
                            <img src="img/icon/user.png" alt="">
                        </span>
                <input type="text" placeholder="帐号/邮箱" maxlength="52" name="userNamepopup" id="userNamepopup">
            </div>
            <div class="form_block">
                        <span class="password_icon input_icon">
                            <img src="img/icon/password.png" alt="">
                        </span>
                <input type="password" placeholder="密码" maxlength="52" name="pwdpopup" id="pwdpopup">
            </div>
            <div class="tips_error"></div>
            <input type="button" class="form_login_btn" id="btnLoginpopup" value="登录">
        </div>
        <div class="login_else_info clearfix">
                    <span>
                        <a href="#">忘记密码</a>
                        <label>|</label>
                        <a href="#">修改密码</a>
                    </span>
            <div class="need_reg">
                没有帐号?<a href="#">立即创建一个</a>
            </div>
        </div>
        <div class="other-sign-in-methods"></div>
    </div>
    <input type="hidden" value="用户名不能为空" id="userNamepopupErrMsg">
    <input type="hidden" value="密码不能为空" id="passwordpopupErrMsg">
</div>
<!-- 登录弹窗 默认隐藏 end -->

文件信息:

    0

    发表评论