移动端自定义提示框
来源:互联网 发布:绝地战争源码 编辑:程序博客网 时间:2024/05/19 22:06
-------------------------我是js------------------------
/*提示框方法*/
function yuwqPrompt(textVal){var A = null;
var B = null;
clearTimeout(A);
clearTimeout(B);
/*用js方式生成手机端提示*/
if($(".yuwq-prompt").length){
$(".yuwq-prompt").remove();
}
$("body").append("<div class='yuwq-prompt'>"+textVal+"</div>");
$(".yuwq-prompt").fadeIn(500);
A = setTimeout(function(){
$(".yuwq-prompt").fadeOut(500);
},1000);
B = setTimeout(function(){
$(".yuwq-prompt").remove();
},2000);
}
-------------------------我是css------------------------
/*喻文强定义的一个提示框*/
.yuwq-prompt{
width: 220px;
height: 54px;
line-height: 54px;
color: rgba(255,255,255,.72);
text-align: center;
position: fixed;
left: 50%;
top:60px;
margin-left: -110px;
z-index: 999;
background-color: rgba(0,0,0,.64);
border-radius: 6px;
font-size: 14px;
letter-spacing: 2px;
text-indent: 2px;
display: none;
}
--------------------我是调用方式----------------
yuwqPrompt("您已经晒过单了哦,亲");
------------------我是效果图-----------------------------
0 0
- 移动端自定义提示框
- 移动端自定义日历
- 提示框随鼠标移动
- js自定义提示框
- 弹出自定义提示框
- 自定义提示框
- 自定义AlertDialog提示框
- Android自定义提示框
- 自定义提示框
- 自定义alert提示框
- 自定义提示框
- iOS 自定义提示框
- iOS--自定义提示框
- 自定义弹出提示框
- bootstrap自定义提示框
- 自定义提示框
- 自定义-提示框
- JQuery自定义提示框
- Hadoop伪分布式模式安装部署
- const在c与c++中的不同地位
- Spring源码分析——AOP实现(2)
- 三角函数
- jstl标签中的fn与fmt标签的用法
- 移动端自定义提示框
- ActionBarSherlock 和 SlidingMenu 在Eclipse中的引入和使用
- RxJava 学习笔记(四)
- Laravel 日志
- CURL ERROR 7 Failed to connect to Permission denied
- Android应用在未启动的情况下无法收到指定广播的问题总结
- MySQL单台物理机上单实例多库与多实例单库性能测试
- Git ssh key的生成,由于SSH配置文件的不匹配,导致的Permission denied (publickey)及其解决方法
- activity 转化成dialogactivity