<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script> // jQuery 初期処理 $(function() { // プラグイン $.fn.extend({ rotateAction: function(deg, duration, easing){ var target = this; $({kakudo: 0}).animate( {kakudo: deg}, { duration: duration, easing: easing, step: function(now) { target.css({ transform: 'rotate(' + now + 'deg)' }); } } ); } }); }); </script> <input type="button" value="画像回転" onclick='$("#target").rotateAction(360,1000,"swing");'> <input type="button" value="この IFRAME を回転" onclick='$(document.body).rotateAction(360,1500,"swing");'> <input type="button" value="このタブのみ回転" onclick='$("#tabs-1").rotateAction(360,1500,"swing");'> <input type="button" value="ウインドウ全体を回転" onclick='$(parent.document.body).rotateAction(360,1500,"swing");'> <input type="button" value="全てを回転" onclick='$([parent.document.body,document.body,$("#target")[0],$("#tabs-1")[0]]).rotateAction(360,10000,"swing");' style="background-color:deeppink;color:white"> <input type="button" value="何もかも回転" onclick='$(document.body).find("*").rotateAction(360,10000,"swing");' style="background-color:deeppink;color:white"> <br><br><br> <img id="target" src="https://lh5.googleusercontent.com/-kCYTSmTrJXs/URvMQy9ClqI/AAAAAAAARuw/5BTKTk2c_sw/s128/_img.png" style="border: solid 0px #000000">