jQuery window.resizeTo在慢动作

Question

我想在慢动作模式下调整窗口大小，但是以下代码不起作用，我也不知道该怎么做：

var myWindow;

function resize() {
   var windowsHeight = jQuery(window).height();
   var windowsWidth = jQuery(window).width();
   var DivX = windowsWidth - 320;
   var DivY = windowsHeight - 480;
}

myWindow = window.open("/", "", "width=320, height=480"); 
myWindow.resizeTo(windowsHeight, windowsWidth),1000;
myWindow.focus();

Answer 1

在此示例中，您可以看到动画效果。 只需根据需要自定义即可。

诀窍是将自定义动画与jquery.animate一起使用。

 function pop(){ var win = window.open("", "Title", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=780, height=200, top=0, left=0"); win.document.body.innerHTML = "HTML"; $({foo:0}).animate({foo:100}, { step: function(val) { win.resizeTo(val * 5, val * 5); } }); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button onclick="pop()">Open</button> 

注意：出于安全原因，您可以在摘要中看到效果。 您可以在我创建的小提琴（jsbin）中看到效果：

http://jsbin.com/fojuva

注意2：我在Google Chrome和Mozila Firefox最新版本中检查了此代码。