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

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

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

  1. php实现删除功能,点击删除弹出确认框,点确定删除数据,点取消返回。删除了商品后总价要相应的改变

    1.连接数据库: 2. 订单信息从product数据库下computers表调出不分页显示在网页product.php; 实现删除功能,点击删除弹出确认框,点确定删除数据,点取消返回.删除了商品后总价 ...

  2. ant design vue:upload打开选择文件弹框前弹出确认框

    看antd文档,刚开始我用得beforeUpload来实现,勉强能完成我想要的功能,但是流程上不完美,需要先选择了文件,才能弹出确认框,但是我的确认框其实跟文件没有关系,我想要先弹确认框再打开文件选择 ...

  3. 蓝牙连接每次弹出确认框问题的排查及解决

    一周前客户提交了一个Bug. 具体的问题是这样的, 客户的一台设备坏了, 临时换了一台设备后发现,新换的设备不像老设备那样每次进行蓝牙连接时都提示要确认配对.这个问题确实是不对比不知道,一直以来谁都没 ...

  4. C#点击关闭按钮 弹出确认框

    0. 引言 C#点击关闭按钮弹出确认框共两种方法实现 一种重写系统的方法,一种更改关闭按钮事件的方法 1. 方法1:重写关闭方法 //重写关闭窗口按钮方法 protected override voi ...

  5. php删除记录前的判断弹窗,thinkPHP删除前弹出确认框的简单实现方法

    这篇文章主要介绍了thinkPHP删除前弹出确认框的简单实现方法,结合实例形式分析了thinkPHP前台HTML部分结合js控制弹出框效果,以及后台控制器的删除数据处理功能,需要的朋友可以参考下 本文 ...

  6. Unity3D中角色撞击物体弹出提示框或显示对象效果

    角色撞击物体弹出提示框或显示对象效果 刚开始使用的是调用SetActive方法 例: 在Start()函数中设置对象的SetActive属性为false,在函数 void start() {gameo ...

  7. 复选框弹出确认框,点取消,仍会打钩或者把钩消掉

    首先这个需求当时困扰了我两天!!这两天我尝试了各种事件 不知道你们有没有遇见过这样的情况,就是需要你在复选框的基础上,要实现确认框,(目的:防止误点击,而勾选复选框) 我本身是后端开发,前端只是略懂 ...

  8. 【HTML】网页弹出确认框

    想要在网页中弹出提示框,在用户点击确定 或 取消后执行相应的操作 confirm if(confirm("是否确认?")){ 是===}, {否===}

  9. Layui开关添加弹出确认框及layer.confirm的回调

    一.confirm回调 在给开关添加确认框之前,先打印了confirm的几种回调,每次的顺序点击为确认按钮.取消按钮.右上角的X按钮. 第一种 1.写法 2.打印值 第二种 1.写法 2.打印值 可以 ...

  10. 在JSP中,点击网页某个按钮或者超链接执行某些需要确认的命令时,弹出确认框如下效果: 如果点击确定,则执行要操作的命令。如果点击取消则不执行。 实现步骤: 1:在jsp,或者html

    如下效果: 如果点击确定,则执行要操作的命令.如果点击取消则不执行. 实现步骤: 第1步 在jsp,或者html页面的的<head></head>标签之间添加如下js代码: & ...

最新文章

  1. Vue组件的生命周期
  2. pid控制从入门到精通pdf_网络工程师从入门到精通通俗易懂系列 | 访问控制列表ACL原来还可以这样理解,果断收藏!...
  3. ThinkPad预装win8系统机型安装win7系统的操作指导
  4. 构造函数 构造代码块_构造函数必须没有代码
  5. 双向链表的操作(创建,插入,删除)
  6. 全新Wijmo5中文学习指南正式上线
  7. 动态规划之字符串最短编辑距离
  8. [论文阅读] Stereoscopically Attentive Multi-scale Network for Lightweight Salient Object Detection
  9. OC6_代理的基本概念
  10. matlab:绘制box函数和高斯函数曲线并进行傅里叶变换
  11. iText实现html转pdf
  12. H264三种码率控制方法(CBR, VBR, CVBR,)CRF和CQP
  13. HBuilderX连接夜神模拟器
  14. Android文字转语音引擎(TTS)简单比较及下载
  15. 【数据结构】二叉树遍历
  16. 详解什么是软件企业认定
  17. shell基础正则表达式
  18. 10.COM进程外组件和列集、散集
  19. 机器学习实战4-教育领域:学生成绩的可视化分析与成绩预测-详细分析
  20. java并发-JUC

热门文章

  1. python显示日历_Python 程序显示日历
  2. MATLAB直方图均衡化函数的计算及使用
  3. csgo红锁号能解锁吗_CSGO红锁黑刀号!重磅!大规模红锁!
  4. 微信公众平台测试号验证Token失败的坑
  5. 单位换算:潜热通量(w/m2)转换为蒸散发(mm/s)
  6. 自己动手实现简易光线追踪算法
  7. C# WPF MVVM 实战 – 5- 用绑定,通过 VM 设置 View 的控件焦点
  8. 2021 Geek re
  9. 荣耀V20是起点,一波炫酷荣耀潮配又来啦!
  10. Simulink-repeating squence