`
dowhathowtodo
  • 浏览: 775417 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

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


思路是,写一个隐藏的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>



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics