見出し画像

【jQuery最高の教科書】第7章 jQueryを活用したさまざまな表現

①画像読み込みのプログレス表示機能

※imagesLoadedライブラリで実装する

※add()メソッドで2つのjQueryオブジェクトをグループ化する

add()メソッドとは
既に選択しているjQueryオブジェクトに対し、
さらに新しくjQueryオブジェクトを追加するメソッド

※delay()メソッドでアニメーションを待機させる

delay()メソッドとは
アニメーションの開始を遅らせるメソッド
※引数に遅らせる時間をミリ秒で指定する

②画像シーケンスのアニメーション

※jQuery Mouse Wheelというプラグインを利用して実装する

③回転のアニメーションによるインフォグラフィック

インフォグラフィックとは
データを視覚的に表現する手法のこと

※Math.min()メソッドとMath.max()メソッドで円の動きを計算する

Math.min()メソッドとは
引数で受け取った数値の内、最小のものを返すメソッド

Math.max()メソッドとは
引数で受け取った数値の内、最大のものを返すメソッド

④マウスのアニメーション

※特に新しい内容はなく、ここまでに学習した知識で実装できる

Appendix

jQueryリファレンス

※jQueryで使用できる各種メソッドを紹介

⇒サンプル・デモサイトはこちら

⇒【公式】jQuery 最高の教科書の購入はこちら

この記事が気に入ったらサポートをしてみませんか?