新浪微博中的取消关注的弹出确认框很友好,项目中需要实现一个,就自己写了个类似的,
思路是,写一个隐藏的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);" οnclick="javascript:cancel(7420);"></a><a class="no" href="javascript:void(0);" οnclick="javascript:cancelconfirm();"></a> </div>