首页>>Jquery文字>>右侧浮动层隐藏购物车(2018-10-13)

右侧浮动层隐藏购物车

右侧浮动层隐藏购物车
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="global_toolbar">  
  2.     <div class="toolbar_btn center" style="top: 50%; margin-top: -150px;">  
  3.         <a href="#" id="needtohelp_0_GetPricing" class="bar_forum bar_project_consulting">  
  4.             <samp>  
  5.                 <i class="iconi icon-LiveChat1">  
  6.                     <img src="img/car-0.png" alt="">  
  7.                 </i>  
  8.             </samp>  
  9.             <em>  
  10.                 <i>项目咨询</i>  
  11.             </em>  
  12.         </a>  
  13.         <a id="needtohelp_0_shoppingCart" class="bar_cart " data-id="global_toolbar">  
  14.             <samp>  
  15.                 <i class="iconi icon-LiveChat1">  
  16.                     <img src="img/car-1.png" alt="">  
  17.                 </i>  
  18.             </samp>  
  19.             <em>  
  20.                 <i>购物车</i>  
  21.             </em>  
  22.             <span id="lmliCount" style="display: block;">5</span>  
  23.         </a>  
  24.         <a href="#" id="needtohelp_0_forum" class="bar_forum">  
  25.             <samp>  
  26.                 <i class="iconi icon-LiveChat1">  
  27.                     <img src="img/car-2.png" alt="">  
  28.                 </i>  
  29.             </samp>  
  30.             <em>  
  31.                 <i>查找经销商</i>  
  32.             </em>  
  33.         </a>  
  34.         <a href="#" id="needtohelp_0_GetQuote" class="bar_forum bar_inquire">  
  35.             <samp>  
  36.                 <i class="iconi icon-LiveChat1">  
  37.                     <img src="img/car-3.png" alt="">  
  38.                 </i>  
  39.             </samp>  
  40.             <em>  
  41.                 <i>售前咨询</i>  
  42.             </em>  
  43.         </a>  
  44.         <a href="#" id="needtohelp_0_contactus" class="bar_contact bar_forum" data-id="contact_column">  
  45.             <samp>  
  46.                 <i class="iconi icon-LiveChat1">  
  47.                     <img src="img/car-4.png" alt="">  
  48.                 </i>  
  49.             </samp>  
  50.             <em>  
  51.                 <i>更多联系方式</i>  
  52.             </em>  
  53.         </a>  
  54.     </div>  
  55.     <div class="toolbar_content">  
  56.         <div class="css_column cart_column js_column" id="shop_cart">  
  57.             <h4>  
  58.                 购物车<a href="javascript:void(0)" class="icon-close " >X</a>  
  59.             </h4>  
  60.             <div id="resultData">  
  61.                 <ul style="height: auto;">  
  62.                     <li class="clearfix" data-url="7002728">  
  63.                         <input type="checkbox" class="checkbox_c " name="checkbox_c_Name" data-url="" checked="checked">  
  64.                         <span class="check"></span>  
  65.                         <div class="img_con">  
  66.                             <img src="img/pd1.jpg" alt="">  
  67.                         </div>  
  68.                         <div class="product_name">  
  69.                             <span title="CE12808">CE12808</span>  
  70.                             <a href="javascript:void(0)" class="del_pro_btn" onClick="">删除</a>  
  71.                         </div>  
  72.                         <div class="amount_btn clearfix">  
  73.                             <input type="text" value="1" class="spinnerExample" onBlur="isDigit(this)">  
  74.                         </div>  
  75.                     </li>  
  76.                     <li class="clearfix" data-url="7002720">  
  77.                         <input type="checkbox" class="checkbox_c" name="checkbox_c_Name" data-url="7002720|" checked="checked">  
  78.                         <span class="check"></span>  
  79.                         <div class="img_con">  
  80.                             <img src="img/pd2.jpg" alt="">  
  81.                         </div>  
  82.                         <div class="product_name">  
  83.                             <span title="CE12804">CE12804</span>  
  84.                             <a href="javascript:void(0)" class="del_pro_btn" onClick="">删除</a>  
  85.                         </div>  
  86.                         <div class="amount_btn clearfix">  
  87.                             <input type="text" value="9" class="spinnerExample" onBlur="isDigit(this)">  
  88.                         </div>  
  89.                     </li>  
  90.                     <li class="clearfix" data-url="7097193">  
  91.                         <input type="checkbox" class="checkbox_c" name="checkbox_c_Name" data-url="7097193|" checked="checked"/>  
  92.                         <span class="check"></span>  
  93.                         <div class="img_con">  
  94.                             <img src="img/pd2.jpg" alt="">  
  95.                         </div>  
  96.                         <div class="product_name">  
  97.                             <span title="AR1220EV">AR1220EV</span>  
  98.                             <a href="javascript:void(0)" class="del_pro_btn" onClick="">删除</a>  
  99.                         </div>  
  100.                         <div class="amount_btn clearfix">  
  101.                             <input type="text" value="1" class="spinnerExample" onBlur="isDigit(this)">  
  102.                         </div>  
  103.                     </li>  
  104.                     <li class="clearfix" data-url="7115213">  
  105.                         <input type="checkbox" class="checkbox_c" name="checkbox_c_Name" data-url="7115213|" checked="checked">  
  106.                         <span class="check"></span>  
  107.                         <div class="img_con">  
  108.                             <img src="img/pd1.jpg" alt="">  
  109.                         </div>  
  110.                         <div class="product_name">  
  111.                             <span title="S5700-28P-PWR-LI-AC">S5700-28...</span>  
  112.                             <a href="javascript:void(0)" class="del_pro_btn" onClick="">删除</a>  
  113.                         </div>  
  114.                         <div class="amount_btn clearfix">  
  115.                             <input type="text" value="1" class="spinnerExample" onBlur="isDigit(this)">  
  116.                         </div>  
  117.                     </li>  
  118.                 </ul>  
  119.             </div>  
  120.             <div class="count_info clearfix">  
  121.                 <label>  
  122.                     <input type="checkbox" class="select_all" checked="checkbox">  
  123.                     <span class="check"></span>  
  124.                     <span class="text">全选</span>  
  125.                 </label>  
  126.                 <p>  
  127.                     共计： <span>12</span>  
  128.                     个产品  
  129.                 </p>  
  130.             </div>  
  131.             <div class="more shop-more clearfix">  
  132.                 <a href="#" target="">购买更多产品</a>  
  133.             </div>  
  134.             <div class="shop_function_btn clearfix">  
  135.                 <a href="#" class="more redbtn-moddle1" id="btn_popup_login">  
  136.                     <span>登录</span>  
  137.                 </a>  
  138.                 <a href="#" class="go_btn more redbtn-moddle1">  
  139.                     <span>寻求报价</span>  
  140.                 </a>  
  141.             </div>  
  142.         </div>  
  143.     </div>  
  144. </div>  
  145.   
  146. <!-- 登录弹窗 默认隐藏 begin -->  
  147. <div style="display: none;" class="popup_login">  
  148.     <div class="login_form">  
  149.         <a class="close_popup" href="javascript:void(0)">  
  150.             <img src="img/icon-clo.png" alt="">  
  151.         </a>  
  152.         <h3>登录</h3>  
  153.         <div>  
  154.             <div class="form_block">  
  155.                         <span class="username_icon input_icon">  
  156.                             <img src="img/user.png" alt="">  
  157.                         </span>  
  158.                 <input type="text" placeholder="帐号/邮箱" maxlength="52" name="userNamepopup" id="userNamepopup">  
  159.             </div>  
  160.             <div class="form_block">  
  161.                         <span class="password_icon input_icon">  
  162.                             <img src="img/password.png" alt="">  
  163.                         </span>  
  164.                 <input type="password" placeholder="密码" maxlength="52" name="pwdpopup" id="pwdpopup">  
  165.             </div>  
  166.             <div class="tips_error"></div>  
  167.             <input type="button" class="form_login_btn" id="btnLoginpopup" value="登录">  
  168.         </div>  
  169.         <div class="login_else_info clearfix">  
  170.                     <span>  
  171.                         <a href="#">忘记密码</a>  
  172.                         <label>|</label>  
  173.                         <a href="#">修改密码</a>  
  174.                     </span>  
  175.             <div class="need_reg">  
  176.                 没有帐号？<a href="#">立即创建一个</a>  
  177.             </div>  
  178.         </div>  
  179.         <div class="other-sign-in-methods"></div>  
  180.     </div>  
  181.     <input type="hidden" value="用户名不能为空" id="userNamepopupErrMsg">  
  182.     <input type="hidden" value="密码不能为空" id="passwordpopupErrMsg">  
  183. </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_706.html