layer加载遮罩层使用 Ajax Loading Demo

最新推荐文章于 2024-08-12 16:15:50 发布

南京煜之隆

最新推荐文章于 2024-08-12 16:15:50 发布

阅读量4.6w

点赞数 1

分类专栏： ajax 文章标签： layer 弹出层加载层

本文链接：https://blog.csdn.net/responsecool/article/details/50506736

版权

此博客展示了如何使用layer库结合Ajax创建一个加载遮罩层的效果。通过点击按钮触发Ajax请求，在请求开始时显示加载提示，请求完成后关闭加载层并显示完成提示。代码中详细解释了配置layer、定义加载和关闭加载层以及提示层的方法。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
    <title>Ajax Loading Demo</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
</style>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="layer/layer.js"></script>
    <script type="text/javascript">
	    ;!function(){
	    	layer.config({//加载扩展模块
	    	    extend: 'extend/layer.ext.js'
	    	});
	    	layer.ready(function(){ 
	    	});
	    }();
	    
	   	function ityzl_SHOW_LOAD_LAYER(){
	   		return layer.msg('努力中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '0px', time:100000}) ;
	   	}
	   	function ityzl_CLOSE_LOAD_LAYER(index){
	   		layer.close(index);
	   	}
	   	function it