一个jQuery的弹窗显示后消失,
2017-09-12 10:28
357 查看
一个这个提示功能的弹出后隐藏,
Alert(pWidth,content);
function Alert(pWidth,content) { $("#msg").remove(); var html ='<div id="msg" style="position:fixed;top:24%;width:100%;height:10px;line-height:30px;margin-top:-15px; z-index: 99999;"><p style="background:#fff;opacity:0.8;width:'+ pWidth +'px;color:#000;text-align:center;padding:5px 5px;margin:0 auto;font-size:12px;border-radius:4px;border: 1px solid #ccc">'+ content +'</p></div>' $("body").append(html); var t=setTimeout(next,2000); function next() { $("#msg").remove(); } }
pWith是窗口的宽度,content是窗口需要显示的内容,
比如:Alert(1000,"发送验证码成功!");
里面的样式 可以根据
相关文章推荐
- 一个令人纠结的弹窗问题,鼠标放上去显示div,鼠标离开div消失
- 实现网页文本框显示灰色提示文字且点击后消失的一个小函数(基于jquery)
- jquery让一个div在dom加载完毕15秒后显示,再过15秒后消失
- jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
- [置顶] unity游戏UI多个弹窗采用字典每次只显示一个
- 一个很好玩的jquery例子:小方块先逐渐显示,后向右滑动,再向左滑回,最后向上隐藏
- jQuery实现文本域内提示文字,当鼠标点击进文本域后自动消失,文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
- jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
- jquery.fileEveryWhere.js--一个跨浏览器的file显示插件[原]
- 分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果
- 自己写了一个图片的马赛克消失效果(jQuery)
- jquery 使用dialog弹窗显示在整个屏幕上,而不是只遮盖当前的ifream或div,另附dialog中加返回按钮,设置高宽等
- JQuery怎么知道一个元素是否隐藏或显示How do you test if something is hidden in jQuery?
- jQuery 二级菜单,一次显示一个小类 鼠标点击显示小类
- Toast优化,解决频繁点击一个按钮,toast会一直显示,不能立即消失的问题
- jquery callback 隐藏 显示 一个奇怪的发现
- 显示一个提示窗口,等进程操作完成自动消失
- 启动应用显示弹窗动画,倒计时后自动消失
- Jquery一个slideToggle搞定div的隐藏与显示
- jQuery实现拉动页面固定顶部显示且自动消失(火狐)