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

于 2012-02-26 11:54:00 发布 · 165 阅读

文章标签：

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

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

js代码

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

htm代码

<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>