animateとイベント処理を使ってみた

jQuery

CODEPREPの
はじめてのjQueryを学習
http://codeprep.jp/ja/books/book/28

動きがあるものが何か作りたくて
アニメーションを使って■や●が動くものを作ってみました。
jq_animate.png


▼参考にしたサイト
jQueryのanimateで自由にアニメーションできるようになろう
http://www.webopixel.net/javascript/507.html
CODEPREPで学んだ「イベント処理」も入れたくて
赤い資格をクリックできた回数を数えるという
謎の仕組みも追加。。。。

==================
イベント処理まとめ
==================

  • クリックされたら処理 : click

$("#sample").click(function(){ // ID sampleをクリックしたら処理
処理内容
});

- マウスオーバー : hover
- マウスカーソルがのせられている間 : mouseover
- 選択されたら : focus
- キー入力されたら　: keypress

==================