lang
1$(element).on('click',function(){ 2 $(this).velocity({ 3 properties: { left:"+=100px" }, 4 options: { 5 duration: 1000 6 } 7 }).velocity({ 8 properties: { scale:2 }, 9 options: { 10 duration: 1000, 11 loop:3, 12 delay:3000 13 } 14 }); 15});
①要素をクリックすると
②1秒かけてleftの値が+100pxされ、
③その5秒後、
④1秒かけてscaleが2倍になり、3秒の間をとった後、再び1秒かけてscaleが1になるループ処理が発生
という具合に実装するとなると、上のソースに対して、③に関する記述はどのようにすればいいのでしょうか?
また④の処理の時、初回の3秒をスキップすることはこのようなメソッドチェーン方式での記述で実現可能なのでしょうか?
ご存知の方おられましたらよろしくお願い致します。
あなたの回答
tips
プレビュー