更改样式属性中单击

-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

更改样式属性中单击

回答

相关问题