###前提・実現したいこと
velocity.jsを使用して、アニメーションの設定を行っております。
clickと同時にイベントが発動する仕組みを作りました。
下記にソースを記述します。
html
1<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 2<script src="//cdn.jsdelivr.net/velocity/1.2.2/velocity.min.js"></script> 3 4<div class="box01">COME COME</div>
css
1.box01 { 2 width: 100px; 3 height: 100px; 4 margin: 0 0 30px 0; 5 background-color: #FA8072; 6}
js
1$(function(){ 2 $('.box01').click(function(){ 3 //$.Velocity.mock = 10; 4 $(".box01") 5 .velocity( 6 { width: '10px'}, 7 { duration: 1000, 8 easing:'easeInBounce', 9 queue: false, 10 delay:10 } 11 ) 12 }); 13});
###問題点
アニメーションは無事に動くのですが、
easing機能がうまく動いておりません、上記のソースの場合”easeInBounce”で跳ねるような挙動をするはずなのですが・・・・・・・全く跳ねずです。
何か記述が足りてないのでしょうか。お手数ですがご教示をお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。