如何在<div>
上添加加载效果。在这段代码中,我的members.php
是如此之大的文件,因此需要花费时间来加载。所以我想在我的成员<div>
中显示加载...有效。我的javascript技能很差,所以我不知道这是一个正确的想法,或者我必须在member.php
中编码。我很新,并尝试学习所以请帮助我。我试过一些自由文本的javascript效果,但我找不到我要找的东西。我想要一些图像效果,如圆形圆圈或类似的东西。这是我的代码。我很感激所有答案。
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#member').load('members.php').show();
});
</script>
</head>
<body>
<div id member>Loading…</div>
</body>
答案 0 :(得分:0)
function showLoading()
{
$('<div class="loading"/>').appendTo('#member');
}
showLoading();
$('#member').load('members.php');
.loading {
background: url('') no-repeat;
padding: 12px;
}
将网址替换为所需加载图片的路径,填充应为图像区域大小的一半。