jQueryを拡張して要素を回転させたい


jQueryっぽく要素を回転させたい

[code]

    $("#elem").rotate(90);　=> #elemが90度回転
    $("#elem").rotate() => "90"が返る
    
[/code]




こんな感じになります。

[code]

    $.fn.rotate = function( deg ) {
      if( deg === undefined ) {
        deg = $(this[0]).data.rotateDeg;
        if ( deg === undefined ) { return 0; }
        else { return deg; }
      }
    
      this.each(function(){         
        var $el = $(this);
        var rotation = 'rotate('+ (deg) +'deg)';
        $el
          .css({ 
           'webkitTransform': rotation ,
           'mozTransform' : rotation ,
           'msTransform' : rotation ,
           'oTransform' : rotation ,
           'transform' : rotation });
          $el.data.rotateDeg = deg;
        });
        return this;
    };
    
[/code]




こんな感じになります。

[code]

    $.fn.rotate = function( deg ) {
      if( deg === undefined ) {
        deg = $(this[0]).data.rotateDeg;
        if ( deg === undefined ) { return 0; }
        else { return deg; }
      }
    
      this.each(function(){         
        var $el = $(this);
        var rotation = 'rotate('+ (deg) +'deg)';
        $el
          .css({ 
           'webkitTransform': rotation ,
           'mozTransform' : rotation ,
           'msTransform' : rotation ,
           'oTransform' : rotation ,
           'transform' : rotation });
          $el.data.rotateDeg = deg;
        });
        return this;
    };
    
[/code]

