「アニメーション」カテゴリーアーカイブ

jQuery による、走る絵文字「ε=ヽ(*￣∇￣)ノ」のアニメーション。「スタート！！」ボタンをクリックすると、「ヽ( ￣∇￣)ノ」の絵文字の左横に、0.5秒ごとに、「ε=」を追加していく。「ε=」が11個現れたら、アニメーションを終了する。アニメーション中は、「スタート！！」ボタンを無効にし、クリックできないようになる。アニメーションが終了すると、「スタート！！」ボタンのテキストを「位置について」に変更する。
「位置について」ボタンをクリックすると、絵文字を「ヽ( ￣∇￣)ノ」に戻し、ボタンのテキストを「スタート！！」に戻す。 続きを読む →

jQuery による、喜びの絵文字「♪ﾜｰｲo(＾∇＾)oﾜｰｲ♪」のアニメーション。「実行」ボタンをクリックすると、「♪ﾜｰｲo(＾∇＾)oﾜｰｲ♪」の絵文字を、点滅させながら変化させる。アニメーション中は、「実行」ボタンを無効にし、クリックできないようになる。 続きを読む →

特定の要素を点滅させるアニメーションのサンプル。jQuery API の fadeTo( duration, opacity ) メソッドを使うと簡単だ。 続きを読む →