消息弹出框 之 Ext和Jquery

1. 使用Ext4.2 + 实现各个屏幕位置消息弹出框，这是老外写的一个EXT插件Notification.js

插件下载位置如下：

https://github.com/EirikLorentsen/Ext.ux.window.Notification（插件下载位置）

http://www.eirik.net/Ext/ux/window/Demo.html（作者提供的demo）

 

以一个经典例子：右下角弹出消息框，然后调用下面showMessage方法（修改自带例子按钮点击方法"ALL - All possible combinations"）

 

function showMessage(data) {
    Ext.create('widget.uxNotification', {
        title: '消息提醒',
        position: 'br',
        cls: 'ux-notification-light',
        iconCls: 'ux-notification-icon-information',
        html: data,
        width: 200,
        height: 90,
        autoCloseDelay: 4000,
        slideBackDuration: 500,
        slideInAnimation: 'bounceOut',
        slideBackAnimation: 'easeIn'
    }).show();
}

 

 

2. 使用Jquery插件jquery.messager实现右下角弹出消息，这是国人写的插件

具体如何使用，

http://dl.iteye.com/topics/download/92c775a2-609c-35b5-85d7-5f61cf68e01f

下载附件!!!