茄子在线看片免费人成视频,午夜福利精品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) 閱讀:6049 次 日期:2015-04-24 11:32:01
    溫馨提示:易賢網(wǎng)小編為您整理了“jQuery提示插件alertify使用指南”,方便廣大網(wǎng)友查閱!

    jQuery提示插件alertify使用指南

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

    1.alertify插件功能

    主要實(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)框和提示框

    var

    $ = function (id) {

    return document.getElementById(id);

    },

    //初始化操作

    reset = function () {

    alertify.set({

    labels : {

    ok : "確認(rèn)",

    cancel : "取消"

    },

    delay : 5000,

    buttonReverse : false,

    buttonFocus : "ok"

    });

    };

    //綁定

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

    reset();

    alertify.alert("提示框");

    return false;

    };

    //綁定

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

    reset();

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

    if (e) {

    alertify.success("點(diǎn)擊確認(rèn)");

    } else {

    alertify.error("點(diǎn)擊取消");

    }

    });

    return false;

    };

    //綁定

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

    reset();

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

    if (e) {

    alertify.success("點(diǎn)擊確認(rèn),輸入內(nèi)容為: " + str);

    } else {

    alertify.error("點(diǎn)擊取消");

    }

    }, "默認(rèn)值");

    return false;

    };

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

    名單

    4.alertify修改樣式

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

    .alertify{

    width:350px;

    margin-left: -205px;

    border:2px solid #4ba9e6;

    background:#f3faff;

    border-radius:0;

    }

    修改后顯示結(jié)果:

    名單1

    alertify使用說明

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

    更多信息請(qǐng)查看IT技術(shù)專欄

    更多信息請(qǐng)查看腳本欄目
    易賢網(wǎng)手機(jī)網(wǎng)站地址:jQuery提示插件alertify使用指南
    由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

    2026國(guó)考·省考課程試聽報(bào)名

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