`
strongant
  • 浏览: 66496 次
  • 性别: Icon_minigender_1
  • 来自: IT
社区版块
存档分类
最新评论

消息弹出框 之 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

下载附件!!!

 

分享到:
评论

相关推荐

    超全的网站模版EXT效果Jquery各种网站效果

    在"各种网站效果"这部分,我们可能会看到EXT和jQuery共同实现的一些典型示例,如下拉菜单、滑动面板、弹出对话框、轮播图、拖放功能、表单验证等。这些效果可以通过EXT的组件和jQuery的动画功能来实现,提升网站的...

    分享日期选择控件集合(包括asp.net,js,ext,jquery).

    而DatePicker则更简洁,通常只显示一个下拉框,用户可以从日历弹出窗口中选择日期。在`asp[1].net中制作日期选择功能.doc.doc`文档中,可能包含了自定义日期选择控件的技巧和步骤。 JavaScript作为客户端脚本语言,...

    Ext 仿QQ-MSN出现消息框

    标题中的“Ext 仿QQ-MSN出现消息框”指的是使用ExtJS这个JavaScript库来创建一个类似于QQ或MSN即时通讯软件中的消息弹出框。在Web应用程序中,这种功能常常用于模拟原生桌面应用的交互体验,提高用户界面的友好性和...

    如何在c#web上弹出消息框

    在C# Web应用程序中弹出消息框是一种常见的交互方式,用于向用户显示警告、确认信息或者简单的提示。在ASP.NET框架下,由于Web应用程序的异步性质,直接使用Windows Forms中的MessageBox并不适用,因为Web应用运行在...

    工作流/图形设计器 (ext/easyui/jqueryui)

    在工作流设计场景下,jQueryUI的拖放功能可以用于流程节点的移动,而其可定制的对话框和弹出窗口则可用于展示详细信息或者处理用户确认操作。 工作流设计通常包括以下几个关键特性: - **流程建模**:通过图形化...

    Ext教程_javakc

    例如,以下代码展示了如何在页面加载完成后弹出一个消息框: ```html <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/> <script type="text/javascript" src="extjs/adapter/ext/...

    ext中文入门手册

    你可以尝试在`Ext.onReady`函数中添加代码,如弹出对话框,以验证其工作原理。 EXTJS还提供了`Ext.get`方法来获取页面上的元素,通过元素ID可以方便地操作DOM。如果需要根据特定条件获取多个元素,可以利用选择器,...

    ASP.net AJAXExt Setup

    2. **AJAXExt**:AJAXExt是针对ASP.NET AJAX的一个第三方扩展,它提供了一系列额外的控件和实用工具,如日历、下拉树、拖放功能、弹出框等。这些控件增强了默认的ASP.NET AJAX功能,使开发人员可以更轻松地创建复杂...

    jquery BS,dialog控件自适应大小

    对话框控件常用于需要弹出式消息框或表单处理的场景。 对话框控件的自适应大小指的是控件能够根据内容的多少自动调整其尺寸,使得用户界面始终保持良好的用户体验。然而,实现这一功能并不总是那么简单,尤其是在旧...

    EXT API简介,并附带学习案例(JAVA)

    此外,可以使用 `fn()` 函数来检查 EXT 是否已成功加载,如果已加载,`Alert("EXT 已经被加载")` 会弹出提示。 EXT API 提供了大量的组件和功能,包括窗口、面板、表格、树形视图、表单、菜单、工具栏等,可以方便...

    EXT学习札记--京华志

    下面是一个简单的示例代码,演示如何在页面加载完成后弹出一个消息框: ```html Ext.onReady(function(){ Ext.Msg.alert('系统提示', '已经成功!'); }); ``` 通过以上代码,当页面加载完成时会弹出一个提示框,...

    EXTjs4类似qq消息提醒

    首先,EXTjs4的通知组件(Notification)是EXTJS提供的一个轻量级弹出框,可以用来显示短暂的信息或提示。它通常用于提供反馈,类似于许多即时通讯软件中的消息提醒。EXTjs4的通知系统可以通过`Ext.tip.Toast`或`Ext...

    非常炫的js弹出窗口

    标题提到的“非常炫的js弹出窗口”是一个利用JavaScript技术实现的动态对话框,它可以提供丰富的用户交互体验,与EXT框架的效果相媲美。 EXT是一个强大的JavaScript库,专门用于构建富客户端应用,它包含了一系列...

    EXT 中文手册

    - **MessageBox**:一个弹出消息框组件,用于向用户显示提示信息或请求确认操作。 - **Grid**:一个表格组件,可以用来展示大量结构化的数据,并支持排序、筛选等功能。 - **更多组件**:除了 MessageBox 和 Grid...

    ext做动态的数

    代码中对加载结果进行了权限检查,如果发现返回的数据不符合预期,则弹出提示窗口,告知用户没有相应权限。这种权限控制机制可以有效防止非法访问,提高系统的安全性。 #### 5. 树节点操作 代码中还包含了对树节点...

    Extjs下/HTML下的文件下载(另存为的弹出)

    综上所述,"Extjs下/HTML下的文件下载(另存为的弹出)"是一个结合了前端交互、Ajax通信、服务器处理和浏览器特性的复杂功能,需要综合运用多种技术来实现。通过理解和掌握这些知识点,开发者能够为用户提供更便捷、...

Global site tag (gtag.js) - Google Analytics