仿安卓提示(ionic).txt //定义/* 说明:使用时需引用jquery1.8及以上 样式引用ionic.css 使用:$.showSuccess('你的消息',时间);$.showError('你的消息',时间);$.showLoading('你的消息');$.hideloading();*/$
//定义
/*
说明:使用时需引用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();
}
});
