解锁layer.js秘籍:6大神器方法带你玩转弹窗艺术
Layer.js 是一个web弹窗UI库,它提供了多种弹窗样式和交互方式,以下是使用Layer.js弹窗的基本方法:
- 使用
layer.open
方法打开一个基本的弹窗:
layer.open({
type: 1,
content: 'Hello World!'
});
- 使用
layer.msg
显示一条消息提示:
layer.msg('操作成功!');
- 使用
layer.alert
显示一个警告框:
layer.alert('警告内容', {icon: 2});
- 使用
layer.confirm
显示一个确认框:
layer.confirm('确认要执行此操作吗?', {icon: 3, title:'提示'}, function(index){
// 确认操作的代码
layer.close(index);
});
- 使用
layer.load
显示加载层:
var index = layer.load(1, {shade: [0.1,'#fff']}); //0.1透明度的白色背景
- 使用
layer.iframe
在弹窗中加载一个iframe:
layer.open({
type: 2,
content: 'http://sentsin.com',
area: ['1000px', '500px']
});
以上代码示例展示了Layer.js库中的一些基本用法。Layer.js提供了丰富的API和多种弹窗样式,可以根据实际需求选择合适的方法和参数。
评论已关闭