我有一个javascript代码片段,一旦有人点击了某个特定的链接,它就会强制使用.reload(true)重新加载页面。当页面刷新时,我如何显示一个简单的“加载”图像?
(如果有帮助的话,已经在页面上使用了jquery )
发布于 2009-08-10 21:03:39
发布于 2009-08-10 19:45:01
你没有指定你想要加载图像的位置。如果你想让图像本身“变成”一个加载图像,首先要把你的图像装饰一新:
<img class="cl"
src="loading.gif"
onload="if(!this._done){this._done=true;this.src='real.jpg';}"/>
然后,在调用.reload
之前,执行以下操作:
$('img.cl').attr('src','loading.gif');
另一方面,如果您想将它放在一个固定的位置,只需这样做,但将该div标记为隐藏,如下所示:
<div id="rl">loading <img src="loading.gif"/></div>
<noscript><style>
#rl {display:none;}
</style></noscript>
<script><!--
document.write("<style>\ndiv#rl {display:block;}\n</style>");
$('#rl').hide();
//--></script>
(也许你也会把rl放在某个地方)
然后,在调用reload之前,只需重新显示它:
$('#rl').show();
https://stackoverflow.com/questions/1258348
复制相似问题