html弹出提示showtoast

来源：互联网发布：巫师斯拉夫神话知乎编辑：程序博客网时间：2024/06/06 08:23

1.手工做了一个提示

步骤：

1.引用jquery.js和showtoast.js

2.调用showtoast()

或者showsucess()
或者showfailure()

-----------------分割线-------------------------------------------

/**

 * 采用自定义弹出框框 *  *///添加蒙版 和弹出框框$(document).ready(function() {var pop_tmp="<div  id='toastcenter' onclick='closetoast()' style='left: 40%;top:30%;width:330px;background-color:black;position:absolute;padding:2px;margin:5px;display:none;';> <div style='padding:5px;color:white;height: 20px;'><lable style='float: left;'>消息提示</lable><lable style='float: right;cursor: pointer;'>关闭</lable></div> <div style='width:100%;background-color:white;padding-top:20px;padding-bottom:20px;text-align:center'><lable style='color:#0095D9;cursor: pointer;' id='tmptext'>操作成功....</lable></div> </div> </div> ";var docucment_tmp="<div id='mask_tmp' style='filter: Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3;opacity: 0.3; background-color: #000; width: 100%; height: 100%; z-index: 5px;           position: absolute; left: 0; top: 0; display: none; overflow: hidden;'>  </div>    "; $(document.body).append(docucment_tmp+pop_tmp);});//var time_tmp=3000; 默认自动3s关闭function showtoast(){  $("#mask_tmp").css("display","block"); $("#toastcenter").show(300); var time_tmp=3000;setTimeout("closetoast()",time_tmp )} //关闭窗口的方法 function closetoast(){ $("#toastcenter").hide();  $("#mask_tmp").css("display","none"); }

http://download.csdn.net/detail/hejias/9192953

或者showsucess()

0 0