<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<script src="js/jquery.min.js"></script>

<script src="js/operamasks-ui.min.js"></script>

<link href="css/apusic/om-apusic.css" rel="stylesheet" />

<script type="text/javascript">

<!--     //普通提醒，要手动关闭，关闭时无回调

function showSimpleTip(){

$.omMessageTip.show({

title : '操作成功',

content : '密码修改成功！'

});     }

//普通提醒（标题和内容可使用html代码），要手动关闭，关闭时无回调

function showHtmlTip(){

$.omMessageTip.show({

title : '<font color="blue">QQ新闻</font>',

content :   '标题是蓝色的看到没有？下面的文字带有链接看到没有？<br/><br/>'

});     }

//定时消失提醒，当然也可以手动关闭，关闭时无回调

function showTimeoutTip(){

$.omMessageTip.show({

title : '提示',

content : '3秒后自动消失！',

timeout : 3000

});     }

//关闭时有回调的提醒，要手动关闭

function showCallbackTip(){

$.omMessageTip.show({

title : '提醒4',

content : '关闭后会执行回调函数！',

onClose : function(){

showResult('提醒4被关闭！');             }

});     }

//关闭时有回调的提醒，定时消失提醒，当然也可以手动关闭

function showTimeoutCallbackTip(){

$.omMessageTip.show({

title : '提醒5',

content : '3秒后自动关闭（手动关闭也可以），关闭后会执行回调函数！',

timeout : 3000,

onClose : function(){

showResult('提醒5被关闭！');             }

});     }     //回调函数（显示信息到页面中）

function showResult(msg){

$('#result').html(msg).fadeIn('slow').delay(1500).fadeOut('slow');

}       </script>    </head> <body>

<button onclick="showSimpleTip();">普通的提醒（手动关闭）</button>

<button onclick="showHtmlTip();">标题和内容可用html的提醒（手动关闭）</button>

<button onclick="showTimeoutTip();">自动关闭的提醒（3秒后自动关闭）</button>

<button onclick="showCallbackTip();">关闭时执行回调函数的提醒（手动关闭）</button>

<button onclick="showTimeoutCallbackTip();">关闭时执行回调函数的提醒（3秒后自动关闭）</button>

<br /><br />

<div style="color:red;font-size: 2em" id="result"></div>

</body>

</html>

效果如下：

operamasks—omMessageTip的使用的更多相关文章

  1. 为operamasks增加HTML扩展方式的组件调用

    #为operamasks增加HTML扩展方式的组件调用 ##背景 之前的[博文](http://www.cnblogs.com/p2227/p/3540858.html)中有提及到,发现easyui中 ...

  2. operamasks—omMessageBox的使用

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs&q ...

  3. operamasks—omGrid/omBorderLayout的混合使用

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs&q ...

  4. operamasks—omBorderLayout布局

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  5. Web前端框架汇总

    在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...

  6. RequireJS首次加载偶尔失败

    现象:第一次加载JS文件,首次加载偶尔失败: 原因:require(['jquery', 'operamasks', 'zTree', 'jQueryCookie'],中前后引用同步加载: 解决方式: ...

  7. RequireJS使用及JS目录规划

    1.RequireJS学习文档: http://www.requirejs.cn/ 2.目录规划(参考:ColUdf.vm) 1)一个完整的html,对应一个js文件,模块js在主页面对应的js文件中 ...

  8. java前端选择

    在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...

  9. omDialog设计造成控件无法后台取值

    http://ui.operamasks.org/website/homepage.html 使用服务端控件,前台进行赋值,但后台确无法取值. 不仅如此,如果里面放置了一个ASp:Button同样无法 ...

随机推荐

  1. iOS---UICollectionView自定义流布局实现瀑布流效果

    自定义布局,实现瀑布流效果 自定义流水布局,继承UICollectionViewLayout 实现一下方法 // 每次布局之前的准备 - (void)prepareLayout; // 返回所有的尺寸 ...

  2. 迅为IMX6Q四核核心板商业级|工业级|IMX6Plus版本|IMX6DL双核核心板

    IMX6Q处理器:兼容单核,双核,工业级,汽车级,IMX6Q最新Plus版本,共用同一底板,高端产品无忧. i.MX6系列针对消费电子.工业控制和汽车应用领域,它将ARM Cortex-A9架构的高功 ...

  3. Linux下 SpringBoot jar项目后台运行、查看、停用

    运行java jar: nohup java -jar **-0.0.1-SNAPSHOT.jar & 查看进程: 采用top或者ps aux命令.一般 如果后台是springboot,jar ...

  4. webpack遇见的坑：Please install 'webpack-cli' in addition to webpack itself to use the CLI.

    webpack-cli没被找到: 在webpack4.0之后,需要全局安装webpack-cli, 在全局安装webpack之后,cnpm i webpack-cli -g 在局部使用webpack时 ...

  5. AngularJS小练习20170508

    首先可能需要安装npm,并且配置环境. 1.打开Dos(命令提示符).按Windows徽标键+R组合键,输入cmd然后按回车键进入Dos. 2.安装Yeoman.在Dos下输入npm install ...

  6. Android图像处理之Bitmap类(1)

    Bitmap是Android系统中的图像处理的最重要类之一.用它可以获取图像文件信息,进行图像剪切.旋转.缩放等操作,并可以指定格式保存图像文件.本文从应用的角度,着重介绍怎么用Bitmap来实现这些 ...

  7. iOS网络图片缓存SDWebImage

    Web image(网络图像) 该库提供了一个支持来自Web的远程图像的UIImageView类别 它提供了: 添加网络图像和缓存管理到Cocoa Touch framework的UIImageVie ...

  8. tinyXml输出utf-8文档

    TiXmlDocument虽然能读取utf-8的xml文件,但读入后在内存中是以多字节存储.如果新建一个TiXmlDocument,即使定义头为utf-8编码,直接调用SaveFile方法保存的文档仍 ...

  9. 笔试算法题（57）：基于堆的优先级队列实现和性能分析（Priority Queue based on Heap）

    议题:基于堆的优先级队列(最大堆实现) 分析: 堆有序(Heap-Ordered):每个节点的键值大于等于该节点的所有孩子节点中的键值(如果有的话),而堆数据结构的所有节点都按照完全有序二叉树 排.当 ...

  10. LINUX：Contos7.0 / 7.2 LAMP+R 下载安装Redis篇

    文章来源:http://www.cnblogs.com/hello-tl/p/7569108.html 更新时间:2017-09-21 16:09 简介 LAMP+R指Linux+Apache+Mys ...