在html页面,如何点击一个链接,在响应返回之前,先显示一个图片?

来源:百度知道 编辑:UC知道 时间:2024/06/16 17:50:16
比如我现在有一个页面,里面有个<a href=abc.com>abc</a>假设点了链接之后,这个abc.com的网站响应会比较久,在这段时间,我想给当前页面显示一个gif图片,提示用户正在等待页面响应,一直显示到有响应为止。
等待您的帮助!大侠!

如果这样的连接不是很多的话

你可以单独在本站 为其做一个跳转页面

<html>
<head>
<title>页面加载中</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="refresh" content="0;URL=abc.com">
<style type=text/css>
body,td,input,select {font-size: 12px;}
</style>
</head>
<body">
<table width="505" border="0" cellspacing="0" cellpadding="0" align="center" height="303">
<tr>
<td align="center"><font size=5>正在读取数据;请稍候~!</font>
<br><br><img src=../images/tiaozhuan.gif>
</td>
</tr>
</table>
</body>
</html>

这样的东西 你只有使用框架了 显示的GIF 图片在框架上面! 在打开的时候 同时 执行某一个事件 调出覆盖在框架上的 GIF 图片 待页面加载完成 onload 事件 让消失!
这样做