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同样无法 ...
随机推荐
- SCANF输入错误
while((a<=0||a>=10)||(b<=0||b>=10)) { fflush(stdin); cout<<" ...
- TCP/UDP套接字 java socket编程实例
网络协议七层结构: 什么是Socket? socket(套接字)是两个程序之间通过双向信道进行数据交换的端,可以理解为接口.使用socket编程也称为网络编程,socket只是接口并不是网络通信协议. ...
- 解决windows下rstudio安装playwith包报错问题
一.playwith包简介 playwith包提供了一个GTK+图形用户界面(GUI),使得用户可以编辑R图形并与其交互.playwith()函数允许用户识别和标注点.查看一个观测所有的变量值.缩放和 ...
- jQuery核心语法
.each只是处理jQuery对象的方法,jQuery还提供了一个通用的jQuery.each方法,用来处理对象和数组的遍历 jQuery/($).each(array, callback )jQue ...
- php与其他一些相关工具的安装步骤分享
现在很少花时间来专门写博客,都是把平时看到用到的东西像随笔一样记录在云笔记上. 在这儿分享一些php相关的技术安装过程: linux下编译安装php:php安装 phpunit安装过程:phpunit ...
- matlab化简符号表达式
化简符号表达式计算机毕竟还是挺笨的, 经过一系列的符号计算后, 得到的结果可能只有它自己才能看懂, Matlab提供大量函数以用于符号表达式的化简. collect(f): 函数用途是合并多项式中相同 ...
- Discuz!代码
我如何使用Discuz!代码 Discuz!代码 效果 [b]粗体文字 Abc[/b] 粗体文字 Abc [i]斜体文字 Abc[/i] 斜体文字 Abc [u]下划线文字 Abc[/u] 下划线 ...
- 多线程之Java中的等待唤醒机制
多线程的问题中的经典问题是生产者和消费者的问题,就是如何让线程有序的进行执行,获取CPU执行时间片的过程是随机的,如何能够让线程有序的进行,Java中提供了等待唤醒机制很好的解决了这个问题! 生产者消 ...
- 关于latch: cache buffers chains的sql优化
前段时间,优化了一些耗buffer比较多的sql,但是CPU使用率还是没下来 . 查看操作系统CPU使用率 查看awr,发现又有一条超级耗性能的sql冒出来了. 该SQL每次执行耗费3e多个buffe ...
- Go：slice
一.切片创建方式 func main() { // 创建切片方式1 // 让切片引用一个数组 array := [...]int{1, 2, 3, 4} slice1 := array[1:3] fm ...