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

所属分类：UI-工具提示

29244 343 查看评论 (3)

分享到微信朋友圈

查看演示立即下载

插件描述：介绍一款Metro风格的消息提示框插件，插件是基于jQuery的，不仅拥有Metro哪种简单精巧的UI风格，而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件，比如HTML5CSS3弹出提示框，感兴趣的朋友也可以前往关注。

引入

<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>