在我的网页上,我有 javascript在 div id =“content” / div中加载新内容来自其他页面:inc / content.php.我想知道如何在 div id =“content” / div中显示动画gif图像loading.gif新内容加载到它?并一旦加
谢谢 )))
这是我的代码:
<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,所以你不必手动隐藏它.