• ECSHOP添加购物车加图片飞入效果


    为ECSHOP的添加购物车,加入图片飞入效果。
    首先:
    在goods.dwt中查找添加购物车按钮:
    为添加购物车按钮加上id:
    例如:
    <a id="iproduct_{$goods.goods_id}" href="javascript:{addToCart({$goods.goods_id})">
    <img src="images/bnt_cat.gif" /></a>
    然后:在js中加入:
    <script type="text/javascript">
     

    var Cart = {
          id: 'ECS_CARTINFO',
          addProduct: function(cpid, num, t) {
    //添加商品
    var ops = $("[id=iproduct_"+cpid+"]").parents("#goodsInfo").children(".goodsItem").find("[id=product_"+cpid+"]");
    if(ops.length>0) {
       var nps = ops.clone().css({"position":"absolute", "top": ops.offset().top, "left": ops.offset().left, "z-index": 999999999}).show();
       nps.appendTo("body").animate({top:$("#ECS_CARTINFO").offset().top, left: $("#ECS_CARTINFO").offset().left, 50, height:50}, {duration: 1000,
               callback: function(){}, complete: function(){nps.remove();addToCart({$goods.goods_id});} });
    }
    var op = $("[id=iproduct_"+cpid+"]").parents("#goodsInfo").children('.imgInfo').find("img:first");
    if(op.length>0) {
        var np = op.clone().css({"position":"absolute", "top": op.offset().top, "left": op.offset().left, "z-index": 999999999}).show();
        np.appendTo("body").animate({top:$("#ECS_CARTINFO").offset().top, left: $("#ECS_CARTINFO").offset().left, 50, height:50}, {duration: 1000,
                callback:function(){}, complete: function(){np.remove();addToCart({$goods.goods_id});} });
    }
           }
         }
         $(function() {
    $('[id^=iproduct_{$goods.goods_id}]').click(function() {
        var cpid = this.id.replace('iproduct_{$goods.goods_id}','{$goods.goods_id}');
        var n=$('#number').val();
            if(n!=null||n!=undefined) {
        if(n<1) {n=1;}
    Cart.addProduct(cpid, n, 0);
        }else{
    Cart.addProduct(cpid, 1, 0);
        }
        return false;
    });
    });
    </script>
    修改:
    修改购物车函数:
        添加购物车成功后:修改购物车显示信息:
    回调函数后加入change_cart_info
        在js中添加函数:
        //ajax添加后更新购物车的显示信息
        function change_cart_info(){
    $.ajax({
    type: "POST",
    url: "flow.php",
    data: "step=ajax_update_cart",
    success:function(res){
    $("#ECS_CARTINFO").html(res)
    }
      })
        }
    在flow.php中添加处理函数:


    if ($_REQUEST['step'] == 'ajax_update_cart'){
    // echo "ok";
         $sql = 'SELECT SUM(goods_number) AS number, SUM(goods_price * goods_number) AS amount' .
               ' FROM ' . $GLOBALS['ecs']->table('cart') .
               " WHERE session_id = '" . SESS_ID . "' AND rec_type = '" . CART_GENERAL_GOODS . "'";
        $row = $GLOBALS['db']->GetRow($sql);

        if ($row)
        {
            $number = intval($row['number']);
            $amount = floatval($row['amount']);
        }
        else
        {
            $number = 0;
            $amount = 0;
        }
        $str = sprintf($GLOBALS['_LANG']['cart_info'], $number, price_format($amount, false));

        exit('<a href="flow.php" title="' . $GLOBALS['_LANG']['view_cart'] . '">' . $str . '</a>');
    }

    效果如图:
    原始状态:
    yuanshi

    点击加入购物车:

    起飞了:
    qifei

    降落了啊:
    jiangluo

  • 相关阅读:
    continue用法
    break用法
    VLAN的划分
    子网掩码的计算
    简述RIP路由协议和OSPF路由协议的相同点和不同点。
    工程监理的内容是什么?
    工程监理的意义和职责是什么?
    双绞线测试的参数主要有哪些?
    光纤熔接损耗原因?
    综合布线系统的设计等级有哪几种?各有什么特点?
  • 原文地址:https://www.cnblogs.com/wawahaha/p/4697180.html
Copyright © 2020-2023  润新知