以下是一个示例的解决方法,它使用JavaScript和CSS来实现ASP.NET页面加载完毕后加载图标消失的效果:
元素:
- 接下来,在CSS样式表中定义加载图标元素的样式,以及隐藏它的初始状态:
#loading-icon {
display: block;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background-color: #000;
/* 添加其他样式,例如使用一个loading动画图片 */
}
.loading-hidden {
display: none;
}
- 使用JavaScript代码在页面加载完毕后隐藏加载图标元素。可以将以下代码放在页面底部的
标签内:
window.onload = function() {
var loadingIcon = document.getElementById("loading-icon");
loadingIcon.classList.add("loading-hidden");
};
这样,在ASP.NET页面加载完毕后,加载图标元素的CSS类名将会被修改为loading-hidden
,使其隐藏起来。
相关内容