jGrowl

Posted on | 二月 8, 2010 | No Comments

jGrowl is a jQuery 插件,工作在浏览器的右上角, 渐出渐入等,就像 the way that OS X’s Growl Framework works.

jGrowl 资源:

• Download jGrowl 1.2.4
• jGrowl’s jQuery Plugin Page
• Checkout the source code with Mercurial on BitBucket
• Updates on Development via Stan Lemon’s blog.
• Example Usage and Samples
• Explanation of jGrowl Options
• Version Change Log

Example Usage and Samples:

// Sample 1
$.jGrowl("Hello world!");
// Sample 2
$.jGrowl("Stick this!", { sticky: true });
// Sample 3
$.jGrowl("A message with a header", { header: 'Important' });
// Sample 4
$.jGrowl("A message that will live a little longer.", { life: 10000 });
// Sample 5
$.jGrowl("A message with a beforeOpen callback and a different opening animation.", {
    beforeClose: function(e,m) {
        alert('About to close this notification!');
    },
    animateOpen: {
        height: 'show'
    }
});

下面是我的：
<SCRIPT type=text/javascript src="/test/jquery-1.3.2.js"></SCRIPT>

<SCRIPT type=text/javascript src="/test/jquery.jgrowl.js"></SCRIPT>
<LINK rel=stylesheet type=text/css href="/test/jquery.jgrowl.css">
<SCRIPT type=text/javascript>
<!--
var id_info ="还没好好的感受,雪花绽放的气候,我们一起颤抖,会更明白什么是温柔,还没跟你牵着手,走过荒芜的沙丘,可能从此以后学会珍惜,天长和地久....";
PopupjGrowlBoxtime(id_info,16000);
-->
</SCRIPT>

相关文章:

1. Prototype And jquery
2. QuickBox
3. jquery学习笔记4
4. jQuery插件jmpopups弹出多级窗口
5. JQuery Tips

评论|Comments

About

订阅

Search

Admin

• 登录
• Wordpress
• XHTML
•