改变彩盒的方向（灯箱）

Question

单击链接时，我使用javascript代码创建灯箱（彩盒）效果。可以在this link

上找到实时示例

盒子从右上角开始飞行并停在页面中央。但是我需要它从窗口的中央底部而不是右上角开始飞行，然后再次停在页面的中央。

你能帮我解决这个问题吗？

html是这样的：

<div class="column"> <a class='iframe' href="http://www.wikipedia.org/">Click Here</a> </div><!--end of column class-->

JS是：

    <script>
    $(document).ready(function(){
        //Examples of how to assign the Colorbox event to elements
        $(".iframe").colorbox({iframe:true, width:"1030px", height:"550px"});
        //Example of preserving a JavaScript event for inline calls.
        $("#click").click(function(){ 
            $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
            return false;
        });
    });
</script>