js 弹窗（加入一个黑色层，效果

最新推荐文章于 2022-11-16 11:21:32 发布

蜗牛慢慢向上爬

最新推荐文章于 2022-11-16 11:21:32 发布

阅读量766

点赞数

js 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

html页面

<body>
<div class='show_bg' style=" display:none;background:#000; color:#fff; text-align:center; height:40px; width:70px; font-size:13px;line-height:40px; border-radius:5px;box-shadow:0 0 7px #000; position:absolute; top:50%; left:50%; margin-left:-50px; z-index:999999">
	收藏成功
</div>

<div class="pull-left product_footer_3" οnclick="shoucang(319)" style="width:100%">
                            
                            <div>
                            	<div id="shoucang_img"><img src="./Addons/WeiSite/View/default/TemplateIndex/index/img/shouchang_ings.png" width="25"></div>
                            	<div><span id="shoucangs">收藏</span></div>
                            </div>
                                            </div>

JS文件

var flag ="{:$flag}";
function shoucang(shopid){
        if(flag==1){
            $.ajax({ 
                    type:'post',
                    url: "{:U('insert_collection')}", 
                    data:'id='+shopid,
                    success: function(mag){
                            if(mag){
                                    $('.show_bg').show()    //显示
				    $('.show_bg').delay(1000).hide(0); //隐藏
                                    $("#shoucang_img img").attr("src","{:CUSTOM_TEMPLATE_PATH}Index/index/img/shouchang_ings.png");
                                    $("#shoucangs").text("收藏")   //取消收藏
                                    flag =0;
                                    return false;
                            }else{
                                    alert('收藏失败');
                            }
                    }

              });
      }
      
        if(flag==0){
            $.ajax({ 
                    type:'post',
                    url: "{:U('insert_collection')}", 
                    data:'del_id='+shopid,
                    success: function(mag){
                            if(mag){
                                    alert('已取消收藏');
                                    $("#shoucang_img img").attr("src","{:CUSTOM_TEMPLATE_PATH}Index/index/img/shouchang_ing.png");
                                    $("#shoucangs").text("收藏")
                                    flag =1;
                                    return false;

                            }else{
                                    alert('取消收藏失败');
                            }
                    }

              });
      }      
      
}

</script>