ecshop商品点击购买弹出漂亮窗口提示修改方法

发布者: qwerr | 发布时间: 2018-3-23 06:27| 查看数: 4935| 评论数: 1|帖子模式

<div class="content_topp"> 点击“购买之后”弹出一个提示框框。如图：

我看过了代码之后感觉有点复杂。而且弹出的层实际上是利用样式的“显示”和“隐藏”的属性来做的！而且弹出的位置死板！！
今天我研究了下之后发现了一个很简单的方法来实现这个功能！

一：把如下函数代码加入到common.js最末尾

<p>[table=90%,#f7f7f7]          [tr]          [td]<font color="#ff0000">          <ol>             * 点击购物后弹出提示层
            <li class="alt">* Chen 2010.7.28                * 参数 cartinfo：购物车信息
            <li class="alt">*/function openDiv_chen(cartinfo)                {
            <li class="alt">  var _id = "speDiv";                   var m = "mask";
            <li class="alt">  if (docEle(_id)) document.removeChild(docEle(_id));                   if (docEle(m)) document.removeChild(docEle(m));
            <li class="alt">  //计算上卷元素值                   var scrollPos;
            <li class="alt">  if (typeof window.pageYOffset != 'undefined')                   {
            <li class="alt"> scrollPos = window.pageYOffset;                   }
            <li class="alt">  else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')                   {
            <li class="alt"> scrollPos = document.documentElement.scrollTop;                   }
            <li class="alt">  else if (typeof document.body != 'undefined')                   {
            <li class="alt"> scrollPos = document.body.scrollTop;                   }
            <li class="alt">                var i = 0;
            <li class="alt">  var sel_obj = document.getElementsByTagName('select');                   while (sel_obj)
            <li class="alt">  {                   sel_obj.style.visibility = "hidden";
            <li class="alt"> i++;                   }
            <li class="alt">                // 新激活图层
            <li class="alt">  var newDiv = document.createElement("div");                   newDiv.id = _id;
            <li class="alt">  newDiv.style.position = "absolute";                   newDiv.style.zIndex = "10000";
            <li class="alt">  newDiv.style.width = "350px";                   newDiv.style.height = "100px";
            <li class="alt">  newDiv.style.top = (parseInt(scrollPos + 400)) + "px";                   newDiv.style.left = (parseInt(document.body.offsetWidth) - 200) / 2 + "px"; // 屏幕居中
            <li class="alt">  newDiv.style.overflow = "auto";                   newDiv.style.background = "#FFF";
            <li class="alt">  newDiv.style.border = "3px solid #59B0FF";                   newDiv.style.padding = "5px";
            <li class="alt">                //生成层内内容
            <li class="alt">       newDiv.innerHTML = '' + "商品成功放入购物车 [" + '关闭' + "]"+ cartinfo + "";                         newDiv.innerHTML += "进入购物车  <span class="tag">

ecshop 弹出框

收藏0