2013-02-01 51 views
0
<iframe src="www.google.com" id="iFrame" ></iframe> 

現在我希望用戶只有10秒jQuery的只有x秒

Plus是可能後能夠點擊該框架或從該幀的任何後作出的iframe能點擊所以2秒後的例如用戶點擊後車架上改變框架的高度

<script>$("#button2").click(function(){ 
    $("#frameID").animate({ 
    height: "720px" 
    }, 1500); // how long the animation should be 
}); 

</script> 

我此腳本他們點擊框架

回答

1

這是一個非常奇怪的使用情況,BU後只運行2秒後這裏是你的問題的解決方案的一部分:

通過iframe覆蓋元素與CSS opacity: 0,以防止它獲得點擊。 10秒後移除元素。

如果iframe不在相同的域下,我認爲它不是 - 您指向google.com,您不能聽iframe內的事件contentDocument。 iframe需要位於與父文檔相同的域中,或者您需要它發送帶有其內部狀態的window.postMessage事件,以便您可以更改iframe的尺寸。

+0

我可以添加一個內部框架,將谷歌框架,所以它可能工作? – user2026426

+0

我不明白你的問題。 –

+0

if if make a frame example – user2026426

0

首先禁用的IFRAME:

window.onload = function() { 
    var iframes = document.getElementsByTagName('iframe'); 
     var iframe = iframes[0], 
      d = document.createElement('div'); 
     d.style.width = iframe.offsetWidth + 'px'; 
     d.style.height = iframe.offsetHeight + 'px'; 
     d.style.top = iframe.offsetTop + 'px'; 
     d.style.left = iframe.offsetLeft + 'px'; 
     d.style.position = 'absolute'; 
     d.style.opacity = '0'; 
     d.style.filter = 'alpha(opacity=0)'; 
     d.style.background = 'black'; 
     d.setAttribute("id", "blockDiv"); 
     iframe.offsetParent.appendChild(d); 
}; 

然後在10秒

setTimeout(function() { 
    $('#blockDiv').remove(); 
}, 10000); 

後除去「Plus是可能的,從而2秒例如後用戶點擊幀之後改變幀高度」

在你的例子中這是不可能的。你可以做的是當用戶將鼠標移動到iframe上時改變寬度。