欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

純JavaScript基于notie.js插件實(shí)現(xiàn)消息提示特效

 更新時(shí)間:2016年01月18日 16:50:32   作者:愛(ài)上程序猿  
這篇文章主要介紹了純JavaScript基于notie.js插件實(shí)現(xiàn)消息提示特效,可以制作Alert提示框,確認(rèn)框和帶輸入的消息框,感興趣的小伙伴們可以參考一下

本文實(shí)例介紹了純JavaScript實(shí)現(xiàn)消息提示特效是一款基于notie.js插件實(shí)現(xiàn)的可以制作Alert提示框,確認(rèn)框和帶輸入的消息框,分享給大家供大家參考,具體內(nèi)容如下

效果圖:

實(shí)現(xiàn)的代碼:
html代碼:

<br><br><br><br><br><br>
  <article class="zzsc">
    <div class="div-ext">
      <div class="div-int">
 
        <span>Test notie with these buttons:</span>
        <br>
        <button onclick="success();">Success</button>
        <button onclick="warning();">Warning</button>
        <button onclick="error();">Error</button><br>
        <button onclick="info();">Information</button>
        <button onclick="confirm();">Confirm</button>
        <button onclick="input();">Input</button>
        <br>
 
 
      </div>
    </div>
  </article>

js代碼:

function success() {
      notie.alert(1, 'Success!', 2);
    }
 
    function warning() {
      notie.alert(2, 'Warning<br><b>with</b><br><i>HTML</i><br><u>included.</u>', 2);
    }
 
    function error() {
      notie.alert(3, 'Error.', 2);
    }
 
    function info() {
      notie.alert(4, 'Information.', 2);
    }
 
    function confirm() {
      notie.confirm('Are you sure you want to do that?<br><b>That\'s a bold move...</b>', 'Yes', 'Cancel', function () {
        notie.alert(1, 'Good choice!', 2);
      });
    }
 
    function input() {
      notie.input('Please enter your email address:', 'Submit', 'Cancel', 'email', 'name@example.com', function (value_entered) {
        notie.alert(1, 'You entered: ' + value_entered, 2);
      });
    }

希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 淺談javascript的call()、apply()、bind()的用法

    淺談javascript的call()、apply()、bind()的用法

    這篇文章主要為大家詳細(xì)介紹了javascript的call()、apply()、bind()的用法,探討JavaScript中函數(shù)的一些特殊用法,感興趣的小伙伴們可以參考一下
    2016-02-02
  • vue雙向綁定簡(jiǎn)要分析

    vue雙向綁定簡(jiǎn)要分析

    這篇文章主要介紹了vue雙向綁定的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • JavaScript算法面試題

    JavaScript算法面試題

    這篇文章主要給大家分享的是JavaScript算法面試題匯總,文章舉例清晰內(nèi)容詳細(xì),具有一定的參考價(jià)值,需要的小伙伴可以參考一下
    2022-04-04
  • js控制輸入框獲得和失去焦點(diǎn)時(shí)狀態(tài)顯示的方法

    js控制輸入框獲得和失去焦點(diǎn)時(shí)狀態(tài)顯示的方法

    這篇文章主要介紹了js控制輸入框獲得和失去焦點(diǎn)時(shí)狀態(tài)顯示的方法,可實(shí)現(xiàn)判斷輸入框的焦點(diǎn)狀態(tài)設(shè)置不同樣式的功能,是非常實(shí)用的技巧,需要的朋友可以參考下
    2015-01-01
  • 基于Ionic3實(shí)現(xiàn)選項(xiàng)卡切換并重新加載echarts

    基于Ionic3實(shí)現(xiàn)選項(xiàng)卡切換并重新加載echarts

    這篇文章主要介紹了基于Ionic3實(shí)現(xiàn)選項(xiàng)卡切換并重新加載echarts,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-09-09
  • 運(yùn)用js教你輕松制作html音樂(lè)播放器

    運(yùn)用js教你輕松制作html音樂(lè)播放器

    這篇文章主要為大家詳細(xì)介紹了如何運(yùn)用js教你輕松制作html音樂(lè)播放器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • 如何使用Bootstrap創(chuàng)建表單

    如何使用Bootstrap創(chuàng)建表單

    在本章中,我們將學(xué)習(xí)如何使用 Bootstrap 創(chuàng)建表單。Bootstrap 通過(guò)一些簡(jiǎn)單的 HTML 標(biāo)簽和擴(kuò)展的類即可創(chuàng)建出不同樣式的表單
    2017-03-03
  • JS實(shí)現(xiàn)的簡(jiǎn)單下拉框聯(lián)動(dòng)功能示例

    JS實(shí)現(xiàn)的簡(jiǎn)單下拉框聯(lián)動(dòng)功能示例

    這篇文章主要介紹了JS實(shí)現(xiàn)的簡(jiǎn)單下拉框聯(lián)動(dòng)功能,涉及javascript事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下
    2018-05-05
  • JS實(shí)現(xiàn)貪吃蛇游戲

    JS實(shí)現(xiàn)貪吃蛇游戲

    這篇文章主要介為大家詳細(xì)紹了JS實(shí)現(xiàn)貪吃蛇小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-11-11
  • JavaScript利用canvas繪制流星雨效果

    JavaScript利用canvas繪制流星雨效果

    這篇文章主要為大家詳細(xì)介紹了如何通過(guò)JavaScript+canvas實(shí)現(xiàn)繪制流星雨效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2022-10-10

最新評(píng)論