当前位置 : 主页 > 网络编程 > JavaScript >

仿安卓提示(ionic).txt

来源:互联网 收集:自由互联 发布时间:2021-07-03
仿安卓提示(ionic).txt //定义/* 说明:使用时需引用jquery1.8及以上 样式引用ionic.css 使用:$.showSuccess('你的消息',时间);$.showError('你的消息',时间);$.showLoading('你的消息');$.hideloading();*/$
仿安卓提示(ionic).txt
//定义
/*
  说明:使用时需引用jquery1.8及以上 样式引用ionic.css
  使用:$.showSuccess('你的消息',时间);$.showError('你的消息',时间);$.showLoading('你的消息');$.hideloading();
*/

$.extend({
    //成功消息
    showSuccess: function (msg, duration) {
        duration = isNaN(duration) ? 2000 : duration;
        var m = document.createElement('div');
        m.innerHTML = '
 
  
   
   
' + msg + ' '; document.body.appendChild(m); setTimeout(function () { var d = 0.5; m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in'; m.style.opacity = '0'; setTimeout(function () { document.body.removeChild(m) }, d * 1000); }, duration); }, //失败消息 showError: function (msg, duration) { duration = isNaN(duration) ? 2000 : duration; var m = document.createElement('div'); m.innerHTML = '
' + msg + ' '; document.body.appendChild(m); setTimeout(function () { var d = 0.5; m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in'; m.style.opacity = '0'; setTimeout(function () { document.body.removeChild(m) }, d * 1000); }, duration); }, //加载中 showLoading: function (msg) { msg = (msg == undefined || msg == '') ? '正在加载中...' : msg; var m = document.createElement('div'); m.id = 'showLoading'; m.innerHTML = '
' + msg + ' '; document.body.appendChild(m); }, hideLoading: function () { $('#showLoading').remove(); } });
网友评论