【jQuery】スクロールにあわせて回転する画像

ウィンドウスクロールにあわせて画像が回転するアレをjQueryとCSSで簡単に実装できちゃうみたいなのでやってみた

<div class="logo">
<img src="images/demo.png" width="600" height="600" alt="DEMO">
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<script>
$(function() {
 var rotate = function(logo, angle) {
  logo.css({
  "transform" : "rotate("+angle+"deg)"
  });
 }
 $(window).scroll(function(){
  rotate($(".logo"), $(window).scrollTop()*0.1);
 })
});
</script>

サンプル

参考サイト：「WWW WATCH」さん
http://hyper-text.org/archives/2013/07/css_spin_logo.shtml