关于 js 弹出层插件,该如何解决

关于 js 弹出层插件

需要实现如图的效果，是不是一定要使用弹出层插件呢？
还有希望有大神可以说的详细一点，我刚刚尝试用blockUI,但是却没有反应。。不知道哪儿不对。。
菜鸟谢谢大家了= =
------解决方案--------------------
加2个遮罩层就可以了。一个遮罩层是半透明的底，一个遮罩层包含一张图片。
jquery写法：

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>

<script>$(function(){

$(document.body).append('<div id="mask-layout" style="background-color:#000000;height:'+$(document).height()+'px;width:'+$(document).width()+'px;left:0px;right:0px;position:absolute;z-index:10000"></div>')

//上面是半透明遮罩层，注意z-index要小于顶栏的z-index才不会遮住顶栏

$('#mask-layout').css("opacity",0.7);

$(document.body).append('<div style="position:absolute;top:'+$('#顶栏的id').height()+'px;right:0;z-index:比mask-layout的大。"><img src="那堆字是gif或者png图片" /></div>')

})

    </script>