extjs.LoadMask 问题

  我的本意是当网页加载时候显示层 加载完http://www.sina.com 后就自动消失层  现在完全倒过来了 给看看 谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
   <script type="text/javascript" src="adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-all.js"></script> 
<script type="text/javascript">
Ext.onReady(function() {var mk = new Ext.LoadMask('show',{msg: '正在更新数据，请稍候!',removeMask: true}); //完成后移除
mk.enable();
mk.show();
});
</script>
<title></title>
</head>
<body>
<div id="show" style="border:1pt solid #cccccc;margin:100px auto;width:300px;height:180px;"></div>
<iframe src="http://sina.com"></iframe>
<a href='javascript:window.location.href="http://www.baidu.com"'>点此打开百度</a></body>
</html>