更改樣式屬性中單擊

-2

<iframe src="http://www.example.org" frameborder="0" style="top: -100; left: -250; width: 400; height: 590; border: 0; border:none;" scrolling="no" sandbox="allow-controls"></iframe>

我想它會自動更改到：

<iframe src="http://www.example.org" frameborder="0" style="top: -200; left: -650; width: 950; height: 800; border: 0; border:none;" scrolling="no" sandbox="allow-controls"></iframe>

點擊時。正是基本上我想改變top,left,width和height屬性。

可能嗎？如果是這樣，怎麼樣？

來源

2017-05-27 DingDangBang

是有可能使用JavaScript和@niceman你似乎是一個不錯的人點擊事件 – niceman

。你能告訴我如何證明它嗎？ – DingDangBang

你只需註冊點擊這裏的事件：https://stackoverflow.com/questions/15080222/add-click-event-to-iframe，點擊事件應改變使用jquery的'.css'的css（jquery是一個庫JavaScript）或使用'.style'屬性在這裏：https://www.w3schools.com/js/js_htmldom_css.asp – niceman

只是谷歌「如何更改jQuery的風格」

提示：它採用.click()和.css()

http://api.jquery.com/css/

https://api.jquery.com/click/

jquery change style of a div on click

來源

2017-05-27 22:08:32

這是一個相當不完整的問題。至少提供一個示例代碼片段或工作代碼示例。不要只是鏈接到現場，因爲這些鏈接最終可能會中斷，並且答案將不再有用。 – Soviut

@Soviut你有一點，但它確實不是一個好問題。不要看它受歡迎。 –

Click事件不被支持I幀。你將不得不用一些「魔術」來實現它。基本上，你需要包裝一個可以處理事件的容器來使其工作。實際上有一個jQuery插件可以幫助你。它位於：

https://github.com/vincepare/iframeTracker-jquery

這裏的代碼改變使用這個插件你的iframe的只是寬度的片段....希望它有助於。

<div class="iframetrack" id="iframe_red_1"> 
    <iframe id="theFrame" src="http://www.example.org" style="border: 0; 
     border:none; top: 100px; left: 100px; width: 500px; height: 250px;" 
     frameborder="0" scrolling="no" sandbox="allow-controls" > 
    </iframe> 
</div> 

@section Scripts 
{ 
<script> 

    $(document).ready(function ($) { 

     $('.iframetrack iframe').iframeTracker({ 

      blurCallback: function() { 
       $('#theFrame').css('width', '200px'); 
      }, 
      overCallback: function (element) { 
       this._overId = $(element).parents('.iframe_wrap').attr('id'); // Saving the iframe wrapper id 
      }, 
      outCallback: function (element) { 
       this._overId = null; // Reset hover iframe wrapper id 
      }, 
      _overId: null 
     }); 

    });

}

來源

2017-05-27 22:54:22 user1011627

更改樣式屬性中單擊

回答

相關問題