2012/03/05
[jQuery] scrolldeckを使ってマンデーフットボールの選手紹介
スクロールすることで要素に色々なアニメーション効果をつけてくれる『scrolldeck』というjQueryのプラグインを使って、マンデーフットボールの選手紹介っぽいものをつくってみました。とりあえずどういうものか以下DEMOから。下記注意点。
- ブラウザはIE9,FireFox,Chromeで。
- 左右キーでの操作がおすすめ。→で下にスクロール。←で上に戻る。
- 注意!!!!自動でおなじみの音楽がなるようになっているので音量小さくかミュートに。
使ってみた感想
基本的な使い方はサイトにサンプルもあるので割愛。今回の制作過程で気付いたことなど。
- サンプルで紹介されている以外の使い方をしようとすると不具合がでる。例えば、一つの要素に"animate-in"と "animate-build"を同時に指定したりすると左右キーがきかなくなったりする。
- animate-buildを1番目か2番目（ここではslideクラスで囲まれた）の固まりで使うとなぜだか消えていなきゃいけない要素がちら見する。原因わからず…
- フォントや位置を相対的に指定してあるので、今回のように厳密に配置を決める場合はブラウザの幅に関係なく固定位置に配置されるよう、ごりごりCSSをいじる必要あり。
- scrolldeckとは関係ないけど、html5のaudio要素簡単で便利だな〜
0 件のコメント :
コメントを投稿