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

アニメーション(動き)に関する JavaScript のカテゴリ。jQuery、script.aculo.us などのライブラリを使うと、動きのあるコンテンツを、簡単に実現できる。

JavaScriptでボッス要素を自動横スクロール

JavaScriptでボッス要素を自動横スクロールし、テキストが流れているように見せるサンプル。 続きを読む

カテゴリー: JavaScript, アニメーション, スクロール, 逆引き | JavaScriptでボッス要素を自動横スクロール はコメントを受け付けていません

マウスのボタンを押している間実行し続け、ボタンを放すと止まるアニメーション

マウスのボタンを押している間、カウントアップやカウントダウンをし続け、ボタンを放すと止まるアニメーションのJavaScriptサンプル。 続きを読む

カテゴリー: JavaScript, アニメーション, イベント, 逆引き | マウスのボタンを押している間実行し続け、ボタンを放すと止まるアニメーション はコメントを受け付けていません

ボッス要素の内容を指定回数分点滅

ボッス要素の内容を指定回数だけ点滅させるサンプル。 続きを読む

カテゴリー: JavaScript, アニメーション, 逆引き | ボッス要素の内容を指定回数分点滅 はコメントを受け付けていません

jQueryを使い、マウスオーバーで画像を入れ替え及び拡大

jQueryを使い、複数画像のマウスオーバーイベント時に画像を入れ替え、アニメーションで拡大する。マウスアウトイベント時には元の画像に戻し、元の大きさにアニメーションで縮小させる。画像にリンクを貼れば、メニューなどに応用できるだろう。 続きを読む

カテゴリー: API, JavaScript, jQuery, アニメーション, サイズ, 画像, 逆引き | jQueryを使い、マウスオーバーで画像を入れ替え及び拡大 はコメントを受け付けていません

jQueryを使い、スクロールボックスの高さをアニメーションで変更

jQueryを使い、スクロールボックスの高さをアニメーションで拡大縮小し、隠れているテキストを表示させたり戻したりする方法。 続きを読む

カテゴリー: API, JavaScript, jQuery, アニメーション, サイズ, スクロール, 逆引き | jQueryを使い、スクロールボックスの高さをアニメーションで変更 はコメントを受け付けていません

ボッス要素を自動スクロール

JavaScriptでボッス要素を自動スクロールし、テキストが流れているように見せるサンプル。 続きを読む

カテゴリー: JavaScript, アニメーション, スクロール, 逆引き | ボッス要素を自動スクロール はコメントを受け付けていません

jQueryによる走る絵文字「ε=ヽ(* ̄∇ ̄)ノ」アニメーション

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

カテゴリー: API, JavaScript, jQuery, アニメーション | jQueryによる走る絵文字「ε=ヽ(* ̄∇ ̄)ノ」アニメーション はコメントを受け付けていません

jQueryによる喜びの絵文字「♪ワーイo(^∇^)oワーイ♪」アニメーション

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

カテゴリー: API, JavaScript, jQuery, アニメーション | jQueryによる喜びの絵文字「♪ワーイo(^∇^)oワーイ♪」アニメーション はコメントを受け付けていません

jQuery の fadeTo( duration, opacity ) で、点滅アニメーション

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

カテゴリー: API, JavaScript, jQuery, アニメーション | jQuery の fadeTo( duration, opacity ) で、点滅アニメーション はコメントを受け付けていません

jQuery の animate で、アニメーションのステップごとに関数を実行

アニメーションの各ステップの後に関数を実行するには、jQuery の animate( properties, options ) メソッドの2つ目の引数のoptions(オプション)内で、 step (ステップ)に、実行したい関数を指定することで可能。 続きを読む

カテゴリー: animate, API, JavaScript, jQuery, アニメーション, エフェクト, カスタム | jQuery の animate で、アニメーションのステップごとに関数を実行 はコメントを受け付けていません
2 / 1512345...10...最後 »

スポンサード リンク