在我的网页我有一个在加载新的内容的JavaScript <div id="content"></div>从位于其他页面:inc/content.php.我想知道如何loading.gif在<div id="content"></div>新内容加载到其中时显示动画gif图像？并一旦加载隐藏GIF并显示新的conntent？
谢谢)))这是我的代码:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.6.4.js"></script>
<script type="text/javascript">
function viewNext()
{
$("#content").load("inc/content.php");
}
</script>
</head>
<body>
<button id="nextfLuky" onClick="viewNext();return false;">Next fLuky</button>
<div id="content"></div>
</body>
</html>
inc/content.php页面中的内容:
<div id="text">Hello</div>
function viewNext(){
$('#content').html('<img src="loading.gif" />').load("inc/content.php");
}
当你使用load()时,它将替换元素中的任何东西,包括gif,所以你不必手动隐藏它.
| 归档时间： |
|
| 查看次数： |
21017 次 |
| 最近记录： |