js的alert和confirm美化


轉載:http://www.cnblogs.com/kewei/p/4423112.html

--前言--

window對象的alert和confirm標准方法在不同瀏覽器的顯示效果不太相同,有個相同點是都不是很美觀。我們的想法是使用js和css分別仿照它們,提供另一套函數,使在不同瀏覽器的有着相同的體驗效果。

 

--設計思路--

為了保留原有的alert和confirm方法,我們不直接替換window對象的alert和confirm,而是新建一個win對象,該對象下有alert、confirm、open、close等。win.alert等的對話框彈出層,使用iframe作底層,確保對話框在ie7以下版本時也能把select標簽覆蓋在底下,這些對話框在彈出之后,是不會阻塞腳本運行的,所以win.alert等函數都提供一個回調參數,在對話框關閉或選擇之后觸發這個回調參數,函數原型如下:

win.alert = function (title, message, closed) { ...}  // alert

win.confirm = function (title, message, selected) {...} //  confirm

win.open = function (width, height, title, url, closed) {...} // 彈出頁面對話框

 

--成果展示--

 

--相關下載--

 win.js和例子


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM