茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合

    <s id="ddbnn"></s>
  • <sub id="ddbnn"><ol id="ddbnn"></ol></sub>

  • <legend id="ddbnn"></legend><s id="ddbnn"></s>

    jQuery提示插件alertify使用指南
    來源:易賢網(wǎng) 閱讀:6048 次 日期:2015-04-24 11:32:01
    溫馨提示:易賢網(wǎng)小編為您整理了“jQuery提示插件alertify使用指南”,方便廣大網(wǎng)友查閱!

    jQuery提示插件alertify使用指南

    alertifyjs是一個非侵入式,可定制的JavaScript通知組件。包括可定制的對話框,和右下角消息彈出框。完全可定制的警報,確認和提示對話框、完全自定義的通知系統(tǒng)、回調參數(shù)處理包括“確定“和”取消“按鈕的點擊、允許對話框排隊

    1.alertify插件功能

    主要實現(xiàn)提示功能,用于代替js中的alert,confirm,prompt,顯示友好的提示框

    2.alertify使用方法

    1.使用的文件

    主要使用三個文件,兩個css(alertify.core.css,alertify.default.css),用于設置提示框的樣式。一個js(alertify.min.js或alertify.js),用于實現(xiàn)提示框的功能。

    2.實現(xiàn)提示框代碼

    alertify使用非常簡單,主要步驟為:初始化(初始化alertify)-》綁定(綁定事件)

    如實現(xiàn)簡單的提示框、確認框和提示框

    var

    $ = function (id) {

    return document.getElementById(id);

    },

    //初始化操作

    reset = function () {

    alertify.set({

    labels : {

    ok : "確認",

    cancel : "取消"

    },

    delay : 5000,

    buttonReverse : false,

    buttonFocus : "ok"

    });

    };

    //綁定

    $("alert").onclick = function () {

    reset();

    alertify.alert("提示框");

    return false;

    };

    //綁定

    $("confirm").onclick = function () {

    reset();

    alertify.confirm("確認框", function (e) {

    if (e) {

    alertify.success("點擊確認");

    } else {

    alertify.error("點擊取消");

    }

    });

    return false;

    };

    //綁定

    $("prompt").onclick = function () {

    reset();

    alertify.prompt("提示輸入框", function (e, str) {

    if (e) {

    alertify.success("點擊確認,輸入內容為: " + str);

    } else {

    alertify.error("點擊取消");

    }

    }, "默認值");

    return false;

    };

    顯示結果(輸入提示框):

    名單

    4.alertify修改樣式

    主要是修改兩個css文件(alertify.core.css,alertify.default.css),也可以覆蓋使用。如在頁面中加入

    .alertify{

    width:350px;

    margin-left: -205px;

    border:2px solid #4ba9e6;

    background:#f3faff;

    border-radius:0;

    }

    修改后顯示結果:

    名單1

    alertify使用說明

    alertify是由html5+css3開發(fā)的插件,所以完美的支持html5+css3的瀏覽器。在測試過程過,alertify在chrome與火狐瀏覽器中顯示效果是完美的,但是在ie8一下,顯示效果有所不同,如圓角框、陰影、動畫特效等不會顯示。

    更多信息請查看IT技術專欄

    更多信息請查看腳本欄目
    易賢網(wǎng)手機網(wǎng)站地址:jQuery提示插件alertify使用指南

    2026國考·省考課程試聽報名

    • 報班類型
    • 姓名
    • 手機號
    • 驗證碼
    關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
    工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
    聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
    咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網(wǎng)