Metro风格的jQuery个性化消息提示插件

所属分类:UI-工具提示

 28411  341  查看评论 (3)
分享到微信朋友圈
X
Metro风格的jQuery个性化消息提示插件 ie兼容11

引入

<link rel="stylesheet" type="text/css" href="css/default.css">

在<body>中插入

< script >
    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);
        });
    } 
< /script>

<!-- JavaScript -->

<script src="js/notie.js"></script>


相关插件-工具提示

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 41506  432

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 30747  308

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 45695  406

仿win10侧边滑出提示框

一款模拟win10的消息提示框toastr
  工具提示
 27410  371

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    名字起潮老会被吐槽吧 0
    2017/9/28 21:19:13
    欧阳邪风 0
    2017/5/3 10:09:55
    这个太56666666了 必须顶一下 回复
    Cx丶染指云烟 0
    2016/5/11 15:05:54
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复