主要實(shí)現(xiàn)提示功能,用于代替js中的alert,confirm,prompt,顯示友好的提示框
2.alertify使用方法
1.使用的文件
主要使用三個(gè)文件,兩個(gè)css(alertify.core.css,alertify.default.css),用于設(shè)置提示框的樣式。一個(gè)js(alertify.min.js或alertify.js),用于實(shí)現(xiàn)提示框的功能。
2.實(shí)現(xiàn)提示框代碼
alertify使用非常簡(jiǎn)單,主要步驟為:初始化(初始化alertify)-》綁定(綁定事件)
如實(shí)現(xiàn)簡(jiǎn)單的提示框、確認(rèn)框和提示框
顯示結(jié)果(輸入提示框):
4.alertify修改樣式
主要是修改兩個(gè)css文件(alertify.core.css,alertify.default.css),也可以覆蓋使用。如在頁(yè)面中加入
.alertify{ width:350px; margin-left: -205px; border:2px solid #4ba9e6; background:#f3faff; border-radius:0; }
修改后顯示結(jié)果:
alertify使用說(shuō)明
alertify是由html5+css3開發(fā)的插件,所以完美的支持html5+css3的瀏覽器。在測(cè)試過(guò)程過(guò),alertify在chrome與火狐瀏覽器中顯示效果是完美的,但是在ie8一下,顯示效果有所不同,如圓角框、陰影、動(dòng)畫特效等不會(huì)顯示。
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。