天空下的雨:有时候网页上内容较多打开会慢,这时候我们可以使用简单的方法,让用户点击按钮时,弹出一个“正在处理请稍等...”的信息,加强用户的页面体验。下面点击效果图和实例代码给大家参考:

下面是CSS样式,先把DIV层隐藏起来:
<style type="text/css">
.updateing{background:#dd1058;border:1px solid #dd1058;position:absolute;top:92px;z-index:1;color:#fff;font-size:12px;padding:3px 5px;width:112px;display:none;}
</style>
当鼠标点击链接目标,执行下面的JS代码,意思是把先前隐藏起来的DIV显示出来
<script type="text/javascript">
function updateing()
{
document.getElementById('updateing').style.display='block';
}
</script>
下面就是在Body内容中的div布局
<div id="updateing" class="updateing" style="position:absolute;top:180px;">正在更新请稍后...</div>
<a onclick="updateing();" href="/abc.htm" >最新上传</a> /*需要点击的链接*/
这样就基本上完成效果了,通过这样的方法,我们还可以用在其他的地方,如表单的提交等等,大家可以去试试。
刚看到有些朋友把我的文章转到自己的博客或空间,作者却改成自己的,这样很不好。
本博客大部分内容都属于[天空下的雨]原创,请需要转载的朋友注明出处,并加上链接。谢谢!