YAOHAIXIAO.COM

Focus on front end technoloy

YMessageBox v1.1.0 Beta程序演示Demo

确定信息提示

警告信息提示

普通信息提示

错误信息提示

程序简介

YMessageBox v1.1.0 Beta,大概是两年前写的一个Messagebox模拟提示框效果,现在用的YaoUI重新写了下,但是没有做任何的优化,不过看上去还不错,在使用Ajax程序时,用这个模拟提示窗口应该比浏览器自带的提示框看上去更亲切。(声明:YAO.Drag完全修改自www.youngpup.net domdrag.js,由Dynamic Drive编辑和优化过。)

调用方法

第一步:在页面中调用yao.js文件,例如:

<script type="text/javascript" src="js/yao.js"></script>

第二步:编写调用代码:

(function(){
	var msgSamples = YAO.getElByClassName('msg','img','script');
	YAO.on(msgSamples[0], 'click', function(){
		Core.widget.Message.confirm({
			title: '确认信息',
			msg: '你确定要关闭确认信息窗口吗?'
		});
		return false;
	});
	YAO.on(msgSamples[1], 'click', function(){
		Core.widget.Message.msg('你确定要关闭确认信息窗口吗?', 'alert');
		return false;
	});
	YAO.on(msgSamples[2], 'click', function(){
		Core.widget.Message.msg('你确定要关闭确认信息窗口吗?', 'msg');
		return false;
	});
	YAO.on(msgSamples[3], 'click', function(){
		Core.widget.Message.msg('你确定要关闭确认信息窗口吗?', 'error');
		return false;
	});
})();
	

程序代码

版权所有 © 2008-2010 yaohaixiao.com, 保留一切权利。    ICP备案:鄂ICP备08000339号