自定义弹框

 

<style>
    .popup_tsk{ width:100%; position:fixed; text-align:center; left:0%; top:30%; z-index:9; overflow:hidden; display:none;}
    .popup_tsk p{ padding:6px 20px; display:inline-block; font-size:14px; color:#fff; background:rgba(0, 0, 0, 0.5); border-radius:5px; -moz-border-radius:5px;}
</style>

需要的地方调用
$(document).ready(function(){
    popup("弹框");
});

document.writeln("<div class=\"popup_tsk\"><p></p></div>");
function popup(tsk){
   $(".popup_tsk p").text(tsk);
   $(".popup_tsk").fadeIn();
   setTimeout(function(){$(".popup_tsk").fadeOut()},2000);
}