アニメーションで画像を回転させる際に使用したjsです。
(ブラウザに寄ってはもしかすると動かない可能性もありますが、
探した中ではこれが一番多くのブラウザに対応していた様に思います)
1.JavaScriptの記述例
<script type="text/javascript" src="js/jquery-1.3.js"></script> <script type="text/javascript" src="js/jQueryRotate.js"></script> <script type="text/javascript"><br /> <!-- $(document).ready(function(){ var r = 5; //回転角度 setInterval(function(){ $("#idLogo").rotate(r); r = r + 0.1; }, 20); }); --><br /> </script>
2.回転する画像のHTML記述例
<h1 id="site-title" style="text-align:center; padding-top:50px; font-size:16px;"> <img id="idLogo" src="logo.jpg" alt="回転用画像イメージ"></h1>
ソース元:jqueryrotate