我想知道是否可以将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 }