Wilq32.RotateImage

Canvas機能を使用し、画像を回転表示させるスクリプト
jqueryrotate
なんでか動かない!ので、こっち使います。

$(function(){
	$('#rotate1').rotate(-25);
	var rotImage = $("#rotate2").rotate({
		bind :[
			{"mouseover":function(){rotImage[0].rotateAnimation(85);}},
			{"mouseout":function(){rotImage[0].rotateAnimation(-85);}}
		]
	});
});
<img src="images/common/sNav1.png" id="rotate1">
<img src="images/common/sNav1.png" id="rotate2">

1つ目(L2)が初めから傾いた状態で表示、
2つ目(L3~L8)がアニメーションで表示しています。

ロールオーバーに使うとおされ_( :3」∠)_

コメントを残す