jQuery对话框飞入

Question

我试图让对话框从屏幕的一侧飞入，比方说，顶端。我能够用一些肮脏的黑客来做到这一点，但是，它的表现非常不理想。这里是我的代码：

$(':button').click(function() { 
    $('<div class="myDialog" title="Test"></div>').dialog({ 
    'position' : 'top' 
    }).dialog('widget').css({ 
    'position' : 'fixed', 
    'top' : '0', 
    'height' : '0' 
    }).animate({ 
    'height' : '200' 
    }, 1000, function() { 
    $(this).animate({ 
     'top' : '40%' 
    }, 1000); 
    }); 
}); 

在jQuery UI中没有任何处理这种方式我希望的效果。有没有一种方法可以提高其性能，因此它很顺利？如果可能，我想避免使用插件。

谢谢你的时间。

编辑：好吧，这里是我偶然来到了，随着smellofgreen的帮助：

$(':button').click(function() { 
    $('<div class="myDialog" title="Test"></div>').dialog({ 
    'position' : 'top' 
    }).dialog('widget').css({ 
    'position' : 'fixed', 
    'top' : $(document).height()+200, //Here was the crown-jewel 
    'display' : 'none' 
    }).slideDown('slow', function() { //Thanks to smellofgreen 
    $(this).animate({ 
     'top' : '40%' 
    }); 
    }); 
}); 

Answer 1

我也只有用宽松的使用效果基本show（）/了slideDown（插件类似的东西）方法：

$('body').append('<div id="terminal-status"></div>'); 
$('#terminal-status').slideUp(0).load(/* load your content */), function() { 
    $('#terminal-status').slideDown(900,'easeOutCirc'); 
} 

没有显示的CSS是按您的意愿定位的。