类似新浪微博中取消关注的弹出确认框

来源:互联网 发布:linux dd u盘 编辑:程序博客网 时间:2024/05/17 03:08

新浪微博中的取消关注的弹出确认框很友好,项目中需要实现一个,就自己写了个类似的,


思路是,写一个隐藏的div,点击取消按钮,然后让div滑出来,点击确定或取消再滑进去

js代码

function confirmCancel(id){$("#confirmwrapper").slideDown("fast");$("#confirm").slideDown("fast");}function cancelconfirm(){$("#confirmwrapper").slideUp("fast");$("#confirm").slideUp("fast");}
htm代码

<div class="confirm" id="confirm" style="display: none; "></div>

<div class="confirmwrapper" id="confirmwrapper" style="display: none; "> <div class="top"> <p style="font-size:13px;">确定不再收藏此餐厅?</p></div> <a class="ok" href="javascript:void(0);" onclick="javascript:cancel(7420);"></a><a class="no" href="javascript:void(0);" onclick="javascript:cancelconfirm();"></a> </div>



原创粉丝点击