如何在div上添加图像效果

时间:2011-06-10 05:51:02

标签: javascript jquery

如何在<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>

1 个答案:

答案 0 :(得分:0)

的jQuery

function showLoading()
{
    $('<div class="loading"/>').appendTo('#member');
}

showLoading();

$('#member').load('members.php');

CSS

.loading {
    background: url('') no-repeat;
    padding: 12px;
}

将网址替换为所需加载图片的路径,填充应为图像区域大小的一半。

Simple fiddle available here