消息弹出框 之 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实现右下角弹出消息,这是国人写的插件

具体如何使用,

下载附件!!!

相关推荐