欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Layer弹层组件的使用

程序员文章站 2022-05-31 13:28:44
...

Layer弹层组件的基本使用

Layer是jQuery的弹出层组件,下面介绍他的使用步骤
1.将解压后的layer文件夹复制到jquery文件夹下【放在webapp文件也可】
Layer弹层组件的使用
2.在要使用layer的页面中引入layer.js
Layer弹层组件的使用
3.使用官方文档提供的功能代码

           
			提示:
			
			layer.msg(提示信息, {time:1000, icon:5, shift:6}, 回调方法);
			layer.alert(提示信息, function(index){
			    // 回调方法
			    layer.close(index);
			});

			询问:
			
			layer.confirm("询问信息",  {icon: 3, title:'提示'}, function(cindex){
			    layer.close(cindex);
			}, function(cindex){
			    layer.close(cindex);
			});
			
			加载
			
			var loadingIndex = layer.msg('处理中', {icon: 16});
			...
			layer.close(loadingIndex);
			
			var index = layer.load(2, {time: 10*1000});
			layer.close(index);

其中数字表示弹出图标的所对应的索引
Layer弹层组件的使用

相关标签: web java