Luck V. 1.0.1

Luck 是一只活泼可爱的小狗,被主人施加了魔法,现成为前端界知名弹层组件,如今的luck今非昔比,不信召唤一下吧!

召唤
Luck 前端老徐版权所有 www.loveqiao.com

关于Luck

我有一只小狗,名字叫luck,感觉这个luck好记又好听所以命名为
luck弹层组件,组件使用了css3的动画,就像luck一样活泼可爱,如果您觉得好用的话就点击右侧的分享按钮分享到您的朋友圈吧!让更多的人知道luck

Luck技能演示

Luck在这里先简单给大家露一手,想了解luck到底有多厉害请看下面的技能手册。

Luck技能手册

参数名 是否必须 类型 描述

基础调用方法: var obj=luck.open({content:"内容"})

关闭指定层调用方法: luck.close(obj)

关闭所有层调用方法: luck.close()

title String 例如:title:"标题"
content String 一个字符串,也可传入html
addclass String 定义弹层class,可单独进行样式调整
time Number 设置定时关闭弹层窗口 单位:ms
shadeClose Boolean 设置点击遮罩层关闭弹层,默认为false
btn Array 设置按钮文本,此设置针对yes、no参数进行重定义按钮文本
yes Function 设置一个按钮,和一个回调函数
no Function 设置一个按钮,和一个回调函数
width String 设置弹层宽度例如:width:"200px"
height String 设置弹层高度:例如:height:"200px"
resize Function 添加窗口缩放按钮,回调函数接收两个参数,第一个为层对象,第二个为弹层状态
move Boolean 是否启用拖拽功能,默认为true
cloBtn Boolean 是否显示关闭按钮,默认为true
更新记录
  1. v 1.0.1 优化了拓展方法里的alert、confirm的调用参数及UI上的调整 2015-10-22
  2. v 1.0.0 luck弹层组件上线 2015-5-20
拓展方法
模拟alert
luck.alert({
	width:'200px',
	con:'Luck弹层组件!',
	ico:6,
	callback:function(){
		luck.alert({
			width:'200px',
			con:'执行回调'
		})
	}
})
模拟confirm
luck.confirm({
	con:'你们说我可爱不可爱呀?',
	btn:['可爱','不可爱'],
	callback:function(obj){
		var t = obj ? "汪汪汪!" :"嗯~~汪汪~~";
		luck.alert({
			width:'200px',
			con:t
		})
	}	
})
模拟prompt
luck.prompt('luck-pc','Luck弹层组件pc版',function(txt){
	luck.alert('您输入的是',txt);
});
iframe层
luck.iframe('luck-pc','http://www.loveqiao.com/luck/mobile/',700,450);