最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

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

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

效果圖:

實現(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);
      });
    }

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

相關(guān)文章

最新評論

镶黄旗| 卓尼县| 平度市| 吴旗县| 正宁县| 昌黎县| 吉安县| 小金县| 都匀市| 嫩江县| 和龙市| 营口市| 乐昌市| 遵义县| 吉林省| 庄浪县| 卢龙县| 静宁县| 湟源县| 区。| 海安县| 通道| 乌审旗| 墨江| 英德市| 内江市| 西藏| 民勤县| 澎湖县| 甘谷县| 泰顺县| 旬阳县| 徐闻县| 新干县| 县级市| 大冶市| 夏津县| 吉林省| 赣州市| 龙里县| 静宁县|