https://webukatu.com/assets/js/plugins/mouseOverAnimatePlugin.js

1/*
2 Version: 1.0
3  Author: Kazuki Saito
4 Website: http://webukatu.com
5 Website: http://crazy-wp.com
6    Docs: 
7    Repo: 
8  Issues: 
9 License: MIT
10 */
11(function($) {
12  // プラグイン定義
13  $.fn.animateHover = function(options){
14    
15    // DOM変数として再定義
16    var $this = this;
17
18    // オプションとデフォルト値を設定する
19    var defaults = {
20      scale : 1, //拡大・縮小
21      rotateZ : '0deg', //回転Z方向量
22      duration : 300 //アニメーション時間
23    };
24
25    // オプションを変数へ格納
26    var setting = $.extend(defaults, options);
27
28    // メイン処理の関数
29    var doAnimate = function($target, scaleSize, rotateDeg, animateTime){
30
31      // 複数DOM対応のためのループ処理
32      for(var i = 0; i < $target.length; i++){
33        // style指定
34        $target.eq(i).css({'overflow': 'hidden'});
35        
36        // マウスオーバー時
37        $target.eq(i).mouseover(function(){
38          $(this).children('img').velocity({
39            scale : scaleSize,
40            rotateZ : rotateDeg
41          },{
42            duration : animateTime
43          });
44        });
45        // マウスが離れた時
46        $target.eq(i).mouseout(function(){
47          $(this).children('img').velocity({
48            scale : 1,
49            rotateZ : '0deg'
50          },{
51            duration : animateTime
52          });
53        });
54      }
55    };
56    
57    // アニメーション関数実行
58    doAnimate($this, setting.scale, setting.rotateZ, setting.duration);
59
60    //メソッドチェーン対応(thisを返す)
61    return(this);
62  };
63})(jQuery);