- 2009-08-24 (Mon) 0:15
- meetup.tweener
まずは非常に簡単なアニメーションをやってみましょう。Wireframe の Cube をクリックしてみてください。ジャンプ先のページでも見られますが、このアニメーションは以下のコードで実現されています。
Meetup.Tweener.isUsing = 'jQuery'; // The Magic spell of using Tweener with jQuery
$(function(){ // jQuery way of DOM Ready
var cube = document.getElementById('cube');
$(cube).click(function(){
Meetup.Tweener.addTween(
cube, // 1st arg: the target element
{'left': '100%'} // 2nd arg: animation property
);
});
});ご覧の通り、Meetup.Tweener は AS3 Tweener と全く同じ、Tweener.addTween というメソッドの呼び出しで始まります。詳しい内容は次回以降お楽しみに、ということで。
- Newer: JavaScript code review 000
- Older: Hello World to Meetup.Tweener
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://blog.nydd.org/2009/08/meetup-tweener-000-%e7%b0%a1%e5%8d%98%e3%81%aa%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/trackback/
- Listed below are links to weblogs that reference
- Meetup.Tweener 000: 簡単なアニメーション from Vantage Point of Queens