需要使用jquery.js
使用方法:
tip("密码错误!");
tip("操作成功!",1);
js代码如下:
<script type="text/javascript"/>
function tip(){var bg = '#E64340'; if(arguments[1]==1){bg = '#1AAD19'};$('_tip').remove();$('body').append("<div class='_tip' style='background:"+bg+";font-size:20px;opacity:0.9;padding:20px 0;text-align:center;width:100%;left:0;top:0;color:#fff;position:fixed;'>" +arguments[0]+"</div>");setTimeout(function(){$('._tip').fadeOut(1000, function() {$(this).remove();});}, 1000);}
</script>
样式二
function tip(){var bg = '#333'; if(arguments[1]==1){bg = '#333'};$('_tip').remove();$('body').append("<div class='_tip' style='z-index:99999;opacity:0.9;text-align:center;width:100%;bottom:20%;position:fixed;'><div style='word-wrap:break-word;color:#fff;max-width:80%;padding:5px 10px;display:inline-block;background:"+bg+";border-radius:7px;font-size:20px;'>" +arguments[0]+"</div></div>");setTimeout(function(){$('._tip').fadeOut(1000, function() {$(this).remove();});}, 1500);}