html点击登陆、注册等时候出现等待图标代码

最新推荐文章于 2022-10-21 11:39:28 发布

渴望飞的鱼

最新推荐文章于 2022-10-21 11:39:28 发布

阅读量837

点赞数 1

分类专栏：前端网页设计文章标签： html ajax js 加载图片 javaweb

本文链接：https://blog.csdn.net/qq_36411874/article/details/79553927

版权

本文介绍了如何在HTML页面中实现点击登录、注册等操作时显示等待加载图标的步骤，包括添加加载图标资源，设置图标位置，并通过简单的CSS和JavaScript控制其显示和隐藏。

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

步骤一：为项目添加一个加载图标,gif。

步骤二：显示加载图标的位置，在网页中，调好自己的位置。

<div>

步骤三：

	function loginCommit(){//添加信息
			$.ajax({
	   			type: "post",
	   			url: "/MakeupBeauty/loginController/login.do",
	   			data:$('#loginForm').serialize(),
	   			beforeSend:function(XMLHttpRequest){ 
	            	  var winNode = $("#loading");  
	            	//使用jquery的show方法  
	            	    winNode.fadeIn("slow");//淡入淡出fadeOut  
	                  $("#loading").html("<img src='/MakeupBeauty/bk_makeup/images/loading.gif' style='text-align:center;