雖然說現在官方的自帶插件已經有很多了，但是有時候往往不能滿足我們的需求，下面我簡單介紹一些
常見的四種提示彈出框(success，loading，error，warning)，我分别用原生JavaScript和jQuery來介紹分享給各位博友！
一、首先介紹原生JavaScript來實作四種提示彈出框：
第一步：先看看html的建立
第二步：編寫js檔案
原生的JavaScript提示彈出框就好了 這裡的頁面展現就不占用空間了，文章末尾有代碼的整個原文提取碼，感興趣的博友可以去下載下傳實驗
二、現在介紹一下jQuery寫的提示彈出框（有jQueryUI輔助）
第一步：編寫html代碼
第二步：編寫css檔案
css的樣式都很簡單 就不多說了
第三步：編寫js代碼檔案
解析此行代碼的意思：parent().find('.ui-widget-header').hide();
我們先把這行代碼去掉，看看樣式成了怎麼樣的：
看到這個一個close按鈕在那裡，是非常難看的，再說我們設定了time自動關閉，就不需要這個手動關閉按鈕了，現在我們怎麼去掉他呢，來看
我們在網頁中：右鍵——審查元素，在網頁下面如下顯示，我們切換到Elements,如圖：
然後我們用滑鼠點選到彈出框，我們在下面會看到相應的顔色對應，
我們在下面找到提示框的button按鈕close：如圖
找到了他對應的close按鈕，然後.parent()是他的父級，也就是第一個箭頭所指的div，然後，find()他的class，那麼多class，到底用哪個呢，其實都可以，然後hide()隐藏它，不要他就可以了；
這個子產品的di本來是沒有的 是通過jQueryUI在初始化dialog的時候加進去的。
是以有時候要改jQueryUI自帶的樣式，要學會如何找他，這是一個技巧，經常用的。
我的源碼：
http://yunpan.cn/cd5zwNZmcY9vh （提取碼：a7f7）
/*
*作者：EthanCoco
*2015-08-16 01:39:28
*/