网站点击链接提示"正在处理请稍后..."提高用户体验

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



下面是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>  /*需要点击的链接*/

这样就基本上完成效果了，通过这样的方法，我们还可以用在其他的地方，如表单的提交等等，大家可以去试试。

刚看到有些朋友把我的文章转到自己的博客或空间，作者却改成自己的，这样很不好。
本博客大部分内容都属于[天空下的雨]原创，请需要转载的朋友注明出处，并加上链接。谢谢！