jQueryRotate:画像を回転させるjs



アニメーションで画像を回転させる際に使用したjsです。
(ブラウザに寄ってはもしかすると動かない可能性もありますが、
 探した中ではこれが一番多くのブラウザに対応していた様に思います)
 
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">
<!--
$(document).ready(function(){
	var r = 5;	//回転角度
	setInterval(function(){
	$("#idLogo").rotate(r);
		r = r + 0.1;
	}, 20);

});
-->
</script>

 
回転する画像の記述例

<img id="idLogo" src="http://www.blinderhidden.com/images/logo01.jpg" alt="WEBエンジニアの隠れたファインプレー | BLINDER HIDDEN" />

 
表示デモ

 
ソース元:jqueryrotate