jQueryでグラフを設定
「jquery」で画像が震える方法をのご紹介!!
「jquery.js」をダウンロード致します。
ダウンロード先
jRumble をダウンロード
ダウンロード先
HTMLを記載
下記のソースを追加してください。
1 |
<p><img src="sample.jpg" width="300" class="yureru"></p> |
Javascriptを記載
下記のソースを追加してください。
※読み込みのcssはサンプルのリンク先を参照してください。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="jrumble.1.0.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $('#id名').jrumble({ rangeX: 2, //ブルブルX rangeY: 2, //ブルブルY rangeRot: 3, //ブルブル角度 rumbleSpeed: 10,//ブルブル速度 rumbleEvent: 'hover' //イベント(hover、click、mousedown、constant) }); }); </script> |
サンプル
下記のソースをお使いください。
表示サンプルを掲載いたします。
詳細内容はこちら(もっと見る)
参考サイト:jRumble