【第003篇】JavaScript工具函数（html界面仿安卓Toast(吐丝)效果）

//HTML界面显示Toast
function showToast(msg,duration){duration=isNaN(duration)?3000:duration; var m=document.createElement('div'); m.innerHTML=msg; m.style.cssText="width:60%;min-width:180px;background:#000;opacity:0.6;height:auto;min-height: 30px;color:#fff;line-height:30px;text-align:center;border-radius:4px;position:fixed;top:60%;left:20%;z-index:999999;"; 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); 
}

//调用:showToast(“恭喜您，请求数据成功!”,3000);

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！