shopex 购物车挂件

最新推荐文章于 2017-07-07 17:21:04 发布

原创最新推荐文章于 2017-07-07 17:21:04 发布 · 215 阅读

0 ·

CC 4.0 BY-SA版权

shopex 同时被 2 个专栏收录

10 篇文章

订阅专栏

javascript

9 篇文章

订阅专栏

本文介绍了一个购物车模块的前端实现细节，包括HTML结构、事件监听、数据展示及AJAX请求更新等内容。通过具体的代码片段展示了如何使用JavaScript操作DOM元素，并在鼠标悬停时显示购物车内的商品通知。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="myCart fr" id="myCartim">
<a href="<{link ctl=cart act=index}>" class="cartlink">购物车<strong class="lan" id="lan"><{if !$env.cookie.CART_COUNT}>0<{else}><script>
document.write(Cookie.get('S[CART_COUNT]')?Cookie.get('S[CART_COUNT]'):'0');</script><{/if}></strong>件<b></b></a>

<div  class="cart_ready" style="display:none;" id="cart_ready">
<{include file="shop:cart/cart_notice.html"}>
</div>
</div>

<script>
$('myCartim').addEvent('mouseenter',function(){
  $('cart_ready').setStyle('display','block');
  new Request.HTML({
        update:$('cart_ready'),
        url:'<{link ctl=cart act=view_notice arg0=1}>',
        onSuccess:function(){
            $('lan').innerHTML = (Cookie.read('S[CART_COUNT]')?Cookie.read('S[CART_COUNT]'):'0');
        }
      }).post();
});
$('myCartim').addEvent('mouseleave',function(){
  $('cart_ready').setStyle('display','none');
});
</script>