JavaScript アニメーションのデザインパターン
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの？ setInterval の意味が分からない こんな感じで書けないの？ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
回転アニメーションで表示要素を展開するjQueryプラグイン「MobilyBlocks」｜BLACKFLAG
ボタンをクリックすることでドロップダウンに近い要領で 隠れているコンテンツ要素をフェード付きの回転アニメーションで 展開させるjQueryプラグイン「MobilyBlocks」の動きがおもしろかったのでご紹介。 ≫mobily.pl – playground – MobilyBlocks DEMO動作は下記から。 （それぞれ２つの丸いボタンをクリックしてみてください。） ボタンをクリックすると下層コンテンツ要素が 回転しながら現れます。 何気ない動きですが何か気持ちがいい動きでもあります。 組み込みもさほど難しく、プラグインファイルと 下記のコード（サンプル）にて実装することが可能になります。 ◆SCRIPT $('.blocks').mobilyblocks({ animateTime: 500, // duration of animation zIndex: 50, // z-ind
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
