<!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. Unity笔记（4）自学第四、五天

    主要是移动脚本和2个技能的脚本编写. 首先是移动的脚本: using System.Collections; using System.Collections.Generic; using Unity ...

  2. Godaddy域名301跳转问题处理

    前言:Godaddy的域名301跳转一共有六步,详情见以下步骤: 第一步: 第二步:找到你的域名,并点击DNS 第三步:点击添加 第四步:添加解析ip地址 第五步:域名转址,也就是301跳转 第六步: ...

  3. RegisterClientScriptBlock和RegisterStartupScript的区别

    RegisterClientScriptBlock在 Page 对象的 元素的开始标记后立即发出客户端脚本,RegisterStartupScript则是在Page 对象的 元素的结束标记之前发出该脚 ...

  4. Sass的的使用三

    [Sass]普通变量与默认变量普通变量定义之后可以在全局范围内使用. 默认变量sass 的默认变量仅需要在值后面加上 !default 即可.sass 的默认变量一般是用来设置默认值,然后根据需求来覆 ...

  5. 手机酷派4G5316 5313s 黑砖 求转成功 9008端口 9006端口 少走弯路选对镜像

    首先要有资料 里面有教程  http://pan.baidu.com/s/1bpjxP6n 1.用其他手机 or u 盘往sd卡放进“强制进入下载模式的文件” 2. 驱动 3.刷机工具 下载镜像   ...

  6. eclipse下tomcat临时目录位置

    eclipse 开发web程序,启动tomcat服务器的时候.临时目录在你的工作区间workspace\.metadata\.plugins\org.eclipse.wst.server.core\t ...

  7. Java A

    4.在ORACLE大数据量下的分页解决方法.一般用截取ID方法,还有是三层嵌套方法. 答:一种分页方法 <% int i=1; int numPages=14; String pages = r ...

  8. java实现zip,gzip,7z,zlib格式的压缩打包

    本文主要介绍的是通过使用java的相关类可以实现对文件或文件夹的压缩. zlib是一种数据压缩程序库,它的设计目标是处理单纯的数据(而不管数据的来源是什么). 7z 是一种新的压缩格式,它拥有目前最高 ...

  9. 第3节 hive高级用法：16、17、18

    第3节 hive高级用法:16.hive当中常用的几种数据存储格式对比:17.存储方式与压缩格式相结合:18.总结 hive当中的数据存储格式: 行式存储:textFile sequenceFile ...

  10. yii1框架，事务使用方法

    Yii1框架事务操作方法如下: $transaction= Yii::app()->db->beginTransaction();//创建事务 $transaction->commi ...