类似新浪微博中取消关注的弹出确认框
新浪微博中的取消关注的弹出确认框很友好,项目中需要实现一个,就自己写了个类似的,
思路是,写一个隐藏的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>
类似新浪微博中取消关注的弹出确认框相关推荐
- php实现删除功能,点击删除弹出确认框,点确定删除数据,点取消返回。删除了商品后总价要相应的改变
1.连接数据库: 2. 订单信息从product数据库下computers表调出不分页显示在网页product.php; 实现删除功能,点击删除弹出确认框,点确定删除数据,点取消返回.删除了商品后总价 ...
- ant design vue:upload打开选择文件弹框前弹出确认框
看antd文档,刚开始我用得beforeUpload来实现,勉强能完成我想要的功能,但是流程上不完美,需要先选择了文件,才能弹出确认框,但是我的确认框其实跟文件没有关系,我想要先弹确认框再打开文件选择 ...
- 蓝牙连接每次弹出确认框问题的排查及解决
一周前客户提交了一个Bug. 具体的问题是这样的, 客户的一台设备坏了, 临时换了一台设备后发现,新换的设备不像老设备那样每次进行蓝牙连接时都提示要确认配对.这个问题确实是不对比不知道,一直以来谁都没 ...
- C#点击关闭按钮 弹出确认框
0. 引言 C#点击关闭按钮弹出确认框共两种方法实现 一种重写系统的方法,一种更改关闭按钮事件的方法 1. 方法1:重写关闭方法 //重写关闭窗口按钮方法 protected override voi ...
- php删除记录前的判断弹窗,thinkPHP删除前弹出确认框的简单实现方法
这篇文章主要介绍了thinkPHP删除前弹出确认框的简单实现方法,结合实例形式分析了thinkPHP前台HTML部分结合js控制弹出框效果,以及后台控制器的删除数据处理功能,需要的朋友可以参考下 本文 ...
- Unity3D中角色撞击物体弹出提示框或显示对象效果
角色撞击物体弹出提示框或显示对象效果 刚开始使用的是调用SetActive方法 例: 在Start()函数中设置对象的SetActive属性为false,在函数 void start() {gameo ...
- 复选框弹出确认框,点取消,仍会打钩或者把钩消掉
首先这个需求当时困扰了我两天!!这两天我尝试了各种事件 不知道你们有没有遇见过这样的情况,就是需要你在复选框的基础上,要实现确认框,(目的:防止误点击,而勾选复选框) 我本身是后端开发,前端只是略懂 ...
- 【HTML】网页弹出确认框
想要在网页中弹出提示框,在用户点击确定 或 取消后执行相应的操作 confirm if(confirm("是否确认?")){ 是===}, {否===}
- Layui开关添加弹出确认框及layer.confirm的回调
一.confirm回调 在给开关添加确认框之前,先打印了confirm的几种回调,每次的顺序点击为确认按钮.取消按钮.右上角的X按钮. 第一种 1.写法 2.打印值 第二种 1.写法 2.打印值 可以 ...
- 在JSP中,点击网页某个按钮或者超链接执行某些需要确认的命令时,弹出确认框如下效果: 如果点击确定,则执行要操作的命令。如果点击取消则不执行。 实现步骤: 1:在jsp,或者html
如下效果: 如果点击确定,则执行要操作的命令.如果点击取消则不执行. 实现步骤: 第1步 在jsp,或者html页面的的<head></head>标签之间添加如下js代码: & ...
最新文章
- Vue组件的生命周期
- pid控制从入门到精通pdf_网络工程师从入门到精通通俗易懂系列 | 访问控制列表ACL原来还可以这样理解,果断收藏!...
- ThinkPad预装win8系统机型安装win7系统的操作指导
- 构造函数 构造代码块_构造函数必须没有代码
- 双向链表的操作(创建,插入,删除)
- 全新Wijmo5中文学习指南正式上线
- 动态规划之字符串最短编辑距离
- [论文阅读] Stereoscopically Attentive Multi-scale Network for Lightweight Salient Object Detection
- OC6_代理的基本概念
- matlab:绘制box函数和高斯函数曲线并进行傅里叶变换
- iText实现html转pdf
- H264三种码率控制方法(CBR, VBR, CVBR,)CRF和CQP
- HBuilderX连接夜神模拟器
- Android文字转语音引擎(TTS)简单比较及下载
- 【数据结构】二叉树遍历
- 详解什么是软件企业认定
- shell基础正则表达式
- 10.COM进程外组件和列集、散集
- 机器学习实战4-教育领域:学生成绩的可视化分析与成绩预测-详细分析
- java并发-JUC