Flash以外でサイトに動きをつけたい。そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア...
テキストをランダムでフェード表示させて、アニメーションで整列させていくっていうのをjQueryで作りたく色々と試しながらなんとかできたのでプラグイン（jquery.random.text.return.js）にしてみました。ぶっちゃけほぼ使い道がなさそうなプラグインですけど。。ということで以下使い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ダイナミックなアニメーションでページをまるごとズームできるスクリプト -zoom.js | コリス](/thumbnail/667143.png)
デモ 実装 デモ デモページではページ上のどのエレメントをクリックしてもズームイン（拡大）します。 グリーンの「Float」をクリックするとこんな感じになります。 実装 「zoom.js」はjQueryなどの他のスクリプトには依存せずに、単体で実装が可能です。 外部ファイル 当スクリプトを外部ファ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 2011年11月01日- webdev.stephband.info | jticker 画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 タイピン... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ページ内に雪を降らせられるjQueryプラグイン「jSnow」。 好きな文字をページ内に雪を降らせたような感じで浮遊させることができます。 デモページを見てみましょう 使い方は簡単で、flakeCode に配列を指定すると文字が指定でき、flakeColor 指定で色を指定できます。 $().jS... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]パネルをペロッとひっくり返すスクリプト -QuickFlip 2 | コリス](/thumbnail/310376.png)
divで実装した2枚のパネルを使用して、裏表にペロッとひっくり返すスクリプトをJon Raaschから紹介します。QuickFlip 2demo実装は簡単で、2枚のパネルをdivで括り、親のdivとアンカー箇所 [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ビフォーとアフターをスライドして切り替えるスクリプト -beforeafter.js | コリス](/thumbnail/308357.png)
ビフォーとアフターをバーでスライドして切り替えるスクリプトをCatch My Fameから紹介します。jQuery Before/After Plugindemo※「before」と「after」の表示は付け加え [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
| |
