我想知道是否可以将IFrame float 到浏览器之外?
是否可以将IFrame拖动到浏览器之外?

这个想法是我的html \ js应用程序就像一个任务栏,我希望Iframe能够被拖到浏览器之外的其他程序的顶部。

谢谢,
多尔

最佳答案

我看到的唯一可以做到这一点的应用程序就是AIR。就是说,如果您知道网址,可以执行edge detection并在iframe出现边缘时在新窗口中打开iframe内容

jsFiddle
以及伴随的DEMO-一如往常window.open假定您允许该网站的弹出窗口

使用可拖动的jQuery UI:

$("#container").draggable({
  drag: function(event, ui) {
    var offsetXPos = parseInt( ui.offset.left );
    var offsetYPos = parseInt( ui.offset.top );
    $("#coord").text(offsetXPos+'x'+offsetYPos);
    if (offsetXPos===0 || offsetYPos===0) { // be careful with <= since it may trigger many windows
      $("#container").hide();
      window.open('http://msn.com','_blank');
    }
  }
});

<div id="container">
    <div id="handle">Drag me <span id="coord"></span></div>
    <iframe src="http://msn.com/" frameborder=no></iframe>
  </div>
</div>

#container { left:100px; top:100px; width:500px }
#handle { border:1px solid black; height:40px, width:100%; background-color:lightblue; cursor:move; pointer:move}
iframe { width:100%; border:0 }

10-05 21:03
查看更多