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

所属分类:UI-工具提示

 29514  343  查看评论 (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>


相关插件-工具提示

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

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

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 36850  448

jquery 工具提示插件awTooltip

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

jQuery网页新功能步骤引导

在网站上经常看到的网页新功能步骤引导
  工具提示
 26057  351

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复