toast 简单实现 (兼容ie8)

前端之家收集整理的这篇文章主要介绍了toast 简单实现 (兼容ie8)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

css

.toast {
    position: fixed;
    padding: 0 20px;
    font-size: 16px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 300px 0 0;
    max-width: 450px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    background-color: #000;
    filter: alpha(opacity=90);
    -moz-opacity: 0.1;
    background-color: rgba(0,.9);
    color: #fff;
    z-index: 100;
}

js

function toast(txt) {
   $("body").prepend("
" + txt + "
"); $(".toast").css({"left": ($(window).width() - $(".toast").width())/2}); setTimeout(function () { $(".toast").remove(); },2000) }

猜你在找的程序笔记相关文章