关于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 |
更新记录
- v 1.0.1 优化了拓展方法里的alert、confirm的调用参数及UI上的调整 2015-10-22
- 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); |