operamasks—omMessageTip的使用
<!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的使用的更多相关文章
- 为operamasks增加HTML扩展方式的组件调用
#为operamasks增加HTML扩展方式的组件调用 ##背景 之前的[博文](http://www.cnblogs.com/p2227/p/3540858.html)中有提及到,发现easyui中 ...
- operamasks—omMessageBox的使用
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs&q ...
- operamasks—omGrid/omBorderLayout的混合使用
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs&q ...
- operamasks—omBorderLayout布局
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- Web前端框架汇总
在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...
- RequireJS首次加载偶尔失败
现象:第一次加载JS文件,首次加载偶尔失败: 原因:require(['jquery', 'operamasks', 'zTree', 'jQueryCookie'],中前后引用同步加载: 解决方式: ...
- RequireJS使用及JS目录规划
1.RequireJS学习文档: http://www.requirejs.cn/ 2.目录规划(参考:ColUdf.vm) 1)一个完整的html,对应一个js文件,模块js在主页面对应的js文件中 ...
- java前端选择
在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...
- omDialog设计造成控件无法后台取值
http://ui.operamasks.org/website/homepage.html 使用服务端控件,前台进行赋值,但后台确无法取值. 不仅如此,如果里面放置了一个ASp:Button同样无法 ...
随机推荐
- 用css制作圆环图表 (vue,sass)
效果图: 思路 :在一个容器里再放两个矩形,每个矩形都占一半,给这两个矩形都设置溢出隐藏,当去旋转矩形里面的圆形的时候,溢出部分就被隐藏掉了,这样就可以达到想要的效果. 代码-html: <di ...
- Windows 下 IIS与Apache 共存
在Windows服务器下, 安装了IIS以及Apache服务器, 如何使他们一起工作. 目前我面对的问题是, 只有一个IP地址,要通过不同的端口来访问不同的程序. 解决方案如下: 1.找到 Apach ...
- yii在Windows下安装（通过composer方式）
Composer 安装: (Composer 不是一个包管理器,它仅仅是一个依赖管理工具.它涉及 "packages" 和 "libraries",但它在每个项 ...
- v使用索引的注意事项及常见场景、案例
索引的原理与作用,各种书籍和网络上的介绍可以说是铺天盖地,基本上主流数据库系统的也都是一致的.选择索引字段的原则,比如外键字段.数据类型较小的字段.经常用于查询或排序的字段.表关联的字段等等,在此不做 ...
- MSSQL 重新生成索引，重新组织索引
> 5% 且 < = 30% ALTER INDEX REORGANIZE > 30% ALTER INDEX REBUILD WITH (ONLINE = ON)* * 重新生成索 ...
- bat获取注册表值
@echo off Setlocal enabledelayedexpansion for /f "skip=2 delims=: tokens=1,*" %%i in ('reg ...
- SCCM大致安装过程，参考前辈教程完成部署
本安装sccm主站点服务器准备 参考:http://stephen1991.blog.51cto.com/8959108/1529864 1． 准备三台服务器 ,注:所有服务器需要安装 .net3. ...
- 最好的Sublime Text插件集合
阅读目录 WebInspector Emmet Git GitGutter & Modific Sublimall AllAutocomplete SublimeREPL DocBlockr ...
- lua 之 三木运算符
在c语言中我三目运算符这么写: a?b:c 例如: max = a>b?a:b; 在lua中我们这么写 max = a>b and a or b 运行如下:
- CAD参数绘制多行文字（网页版）
在CAD设计时,需要绘制多行文字,用户可以设置设置绘制文字的高度等属性. 主要用到函数说明: _DMxDrawX::DrawMText 绘制一个多行文字.详细说明如下: 参数 说明 DOUBLE dP ...