点击按钮出现提示框三秒,三秒后消失

点击按钮出现提示框三秒,三秒后消失

.prompt{    display: none;    padding:20px;    position: fixed;    top: 40%; left:40%;    border-radius:5px;    background: rgba(0,0,0,0.4);    z-index: 5000;    color:#FFF;}
<button class="btn">alert</button><p class="prompt">Submission of success</p>
$ (function (){    $ (‘.btn‘).click (function (){        $ (‘.prompt‘).show().delay(1000).fadeOut();    });});



原文地址:https://www.cnblogs.com/da-yao/p/8341319.html

时间: 2024-10-10 18:24:13

点击按钮出现提示框三秒,三秒后消失的相关文章

经验总结:WebBrowser自动点击弹出提示框alert、弹出对话框confirm、屏蔽弹出框、屏蔽弹出脚本错误的解决办法

经验总结:WebBrowser自动点击弹出提示框alert.弹出对话框confirm.屏蔽弹出框.屏蔽弹出脚本错误的解决办法 网上有好多解决方法,可是不一定好使,本人经过多次试验,针对WebBrowser控件中自动点击弹出框及禁用脚本提示问题得到如下几种实际情况的解决办法,绝对管用. 1.屏蔽弹出错误脚本 将WebBrowser控件ScriptErrorsSuppressed设置为True即可. (参考本篇博客:http://www.cnblogs.com/qqflying/archive/20

一个计时器, 点击按钮 让他 停一会, 5s后继续自动运行

<div id="time" style="border:solid 1px #ddd; display:inline-block; width:50px; height:30px; vertical-align:middle"></div><input type="button" id="btn" value="停止"> <script type="te

Py3+PyQt5+Eric6:学习记录之第一天:点击按钮获取文本框的值并输出。

一.使用qt designer拖拽界面. 使用qtdesigner拖拽界面: 如图左侧导航栏,1:Sources,2:Forms,3:Resouces 1:代码,2:Qt Designer的拖拽界面的代码,xml形式的 3:暂未使用,猜测用来放置一些图片.音频.视频之类的. 在2:Forms中右键点击,然后选择new form,选择 类型:Dialog然后会启动Qt Designer,拖拽出如图的界面. 二.在qt designer中  自定义信号/槽 在Qt Designer的界面中 1:编辑

vue项目中做点击按钮复制文本框内容

zeroclipboard是走的flash插件,手机浏览器是不支持的,所以不得不舍弃之,用clipboard,clipboard不需要flash就可以完成复制剪切等功能,而且可以兼容pc,移动端 首先要安装:cnpm install clipboard --save 然后引入包 引入:import Clipboard from 'clipboard'; 这个人地方坑会报各种依赖丢失的错,没关系,用下面的方法可以拯救 项目: . 代码: <span class="NetbarNumber&q

ajax点击按钮出现提交框

代码如下: $(function(){     $('#bbtn').click(function(){     $.ajax({     type:'post',     url:'#',     data:{},     success:function(callback){         $('#part4').empty();     var ele = "<div>"     ele = ele + "<textarea name='order_

点击按钮获得文本框里面的值

<script type="text/javascript"> window.onload = function(){ var obtn=document.getElementById("Button2"); obtn.onclick = function(){ alert(document.getElementsById("Text2").value); }; } </script> <p>用户名:<i

vue点击按钮复制文本框内容

1.npm进行安装 npm install clipboard --save 2.在需要使用的组件中import 引用方法:import Clipboard from 'clipboard'; 3.添加需要复制的内容 <button class="tag-read" data-clipboard-text="我是可以复制的内容,请点击复制" @click="copy">立即阅读</button> 解析: data-clip

(RPA学习)使用多线程点击 VBA 运行中的消息提示框

艺赛旗RPA全面免费下载中点击下载http://www.i-search.com.cn/index.html?from=line27 业务场景使用 win32com 运行 Excel 中的宏运算(VBA),会遇到 VBA 运行的最后一步会弹出消息提示框,需点击这个消息提示框之后,VBA 才能运行结束,所以在运行 VBA 之后加入 Try 组件去点击时无法点击的,所以考虑使用多线程来实现. 流程代码import ubpa.iautomation as iautomationimport threa

点击按钮插入文字在文本框

一款实用的网页特效,点击按钮在文本框中插入文字,特别是在一些需要输入文字的地方尤其适用,可减少用户输入的麻烦,只需点击一下对应的按钮,即可把文字插入到文本框的指定位置,不过目前来说,本代码不算完善,有一些小的Bug希望高手们帮忙修正哦. <!doctype html> <html> <head> <title>点击按钮插入文字</title> <script language="javascript"> //移动光