首页 > 其他 > 详细

ecshop美化放入购物车效果

时间:2014-04-13 01:01:03      阅读:538      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
/* *
 * 点击购物后弹出提示层 
 * Chen 2010.7.28
* 参数 cartinfo:购物车信息 
 */function openDiv_chen(cartinfo) 
{
  var _id = "speDiv";
  var m = "mask";
  if (docEle(_id)) document.removeChild(docEle(_id));
  if (docEle(m)) document.removeChild(docEle(m));
  //计算上卷元素值
  var scrollPos; 
  if (typeof window.pageYOffset != ‘undefined‘) 
  { 
    scrollPos = window.pageYOffset; 
  } 
  else if (typeof document.compatMode != ‘undefined‘ && document.compatMode != ‘BackCompat‘) 
  { 
    scrollPos = document.documentElement.scrollTop; 
  } 
  else if (typeof document.body != ‘undefined‘) 
  { 
    scrollPos = document.body.scrollTop; 
  }
  var i = 0;
  var sel_obj = document.getElementsByTagName(‘select‘);
  while (sel_obj[i])
  {
    sel_obj[i].style.visibility = "hidden";
    i++;
  }
  // 新激活图层
  var newDiv = document.createElement("div");
  newDiv.id = _id;
  newDiv.style.position = "absolute";
  newDiv.style.zIndex = "10000";
  newDiv.style.width = "350px";
  newDiv.style.height = "100px";
  newDiv.style.top = (parseInt(scrollPos + 400)) + "px";
  newDiv.style.left = (parseInt(document.body.offsetWidth) - 200) / 2 + "px"; // 屏幕居中
  newDiv.style.overflow = "auto"; 
  newDiv.style.background = "#FFF";
  newDiv.style.border = "3px solid #59B0FF";
  newDiv.style.padding = "5px";
  //生成层内内容
        newDiv.innerHTML = ‘<h4 style="font-size:14; margin:15 0 0 15;">‘ + "商品成功放入购物车   [<a href=‘javascript:cancel_div()‘ class=‘f6‘ >" + ‘关闭‘ + "</a>]<br><br>"+ cartinfo + "</h4>";
        newDiv.innerHTML += "<br /><center><a  href=‘http://caihong19870228.blog.163.com/blog/flow.php‘>进入购物车</a>  <a  [<a href=‘javascript:cancel_div()‘>继续购物</a></center>";
  document.body.appendChild(newDiv);
  // mask图层
  var newMask = document.createElement("div");
  newMask.id = m;
  newMask.style.position = "absolute";
  newMask.style.zIndex = "9999";
  newMask.style.width = document.body.scrollWidth + "px";
  newMask.style.height = document.body.scrollHeight + "px";
  newMask.style.top = "0px";
  newMask.style.left = "0px";
  newMask.style.background = "#FFF";
  newMask.style.filter = "alpha(opacity=30)";
  newMask.style.opacity = "0.40";
  document.body.appendChild(newMask);
} 
///////////////////////////////////////////
bubuko.com,布布扣

二、再继续在 common.js 找到如下代码

bubuko.com,布布扣
bubuko.com,布布扣
      switch(result.confirm_type)
      {
        case ‘1‘ :
          if (confirm(result.message)) location.href = cart_url;
          break;
        case ‘2‘ :
          if (!confirm(result.message)) location.href = cart_url;
          break;
        case ‘3‘ :
          location.href = cart_url;
          break;
        default :
          break;
      }
bubuko.com,布布扣
bubuko.com,布布扣

 

修改成如下代码

bubuko.com,布布扣
bubuko.com,布布扣
switch(result.confirm_type)
      {
        case ‘1‘ :
          //if (confirm(result.message)) location.href = cart_url;
          openDiv_chen(result.content)//将购物车信息作为参数传入
                  break;
        case ‘2‘ :
          //if (!confirm(result.message)) location.href = cart_url;
          openDiv_chen(result.content)
                  break;
        case ‘3‘ :
          //location.href = cart_url;
          openDiv_chen(result.content)
                  break;
        default :
          break;
      }
bubuko.com,布布扣
bubuko.com,布布扣


这样就可以了

ecshop美化放入购物车效果,布布扣,bubuko.com

ecshop美化放入购物车效果

原文:http://www.cnblogs.com/wpindesign/p/3661498.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!