Pronavi JS , jQuery

Comienza Ya. Es Gratis
ó regístrate con tu dirección de correo electrónico
Pronavi JS , jQuery por Mind Map: Pronavi JS , jQuery

1. プラグイン

1.1. bgSwicher.js

1.2. vegas.js

1.3. inview.js

1.4. slick.js

1.4.1. オプション

1.4.1.1. arrows

1.4.1.2. slidesToShow

1.4.1.2.1. slideToShowと間違えやすい

1.4.1.3. slidesToScroll

1.4.1.4. autoplay

1.4.1.5. speed

1.4.1.6. centerMode

1.4.1.6.1. centerPadding

1.4.1.7. responsive

1.4.2. セレクター

1.4.2.1. slick-slider

1.4.2.1.1. slick-current

1.4.2.1.2. slick-active

1.4.2.2. slick-slide

1.4.2.2.1. font-size: 0;

1.4.2.3. .slick-prev , .slick-next

1.4.3. .slick()

1.4.4. 外部ファイル

1.4.4.1. CSS

1.4.4.1.1. slick.css

1.4.4.1.2. slick-theme.css

1.4.4.2. JS

1.4.4.2.1. slick.js

1.4.5. イベント

1.4.5.1. beforeChange afterChange

1.5. swiper.js

1.6. lightbox

2. キーワード

2.1. window

2.2. this

3. メソッド

3.1. text()

3.2. html()

3.3. css()

3.3.1. 多い時はaddClass()を使用してクラス制御すると効率的

3.4. 親兄弟要素取得まとめ

3.5. offset()

3.5.1. offset().top

3.5.2. offset().left

3.6. animate()

3.6.1. 第一引数 { scrollTop: 600;}

3.6.2. 第2引数 duration 単位ms

3.6.3. 第3引数 easing

3.7. click()

3.8. .on()

3.8.1. .on( ‘click’,function(){})

3.8.1.1. .click()との違い

3.9. ~Class()

3.9.1. addClass

3.9.2. removeClass

3.9.3. hasClass

3.9.4. toggleClass

3.10. height()

3.10.1. innerHeight()

3.10.2. outerHeight()

3.10.2.1. outerHeight(true)

3.11. width()

3.12. each()

3.13. .fadein() .fadeout()

3.14. .show() .hide()

4. easing

4.1. swing

4.2. linear

5. $(function(){ };

6. UI

6.1. アコーディオン

6.1.1. slideToggle();

6.1.2. next()

6.1.3. 他を閉じる

6.1.3.1. not()

6.1.4. 閉じている要素の余白の上下はpadding marginだとレイアウトシフト(ガタッとなる)が発生

6.2. タブ切り替え

6.2.1. index()

6.2.2. eq()

6.2.3. overflow: hidden とページ内スクロール(横にスクロール)を用いた方法

6.3. モーダル

6.3.1. closest()

6.3.2. e

6.3.2.1. e.target

6.4. ドロップダウン

6.4.1. slidedown(),slideup()

6.5. オープニングアニメーション

6.6. totopボタン

7. 使い方

7.1. slimとは

8. $()

8.1. セレクタ

8.1.1. 疑似要素はセレクタにするのが難しい

8.2. コンテキスト

9. よくあるパターン

9.1. スムーススクロール

9.2. ハンバーガーメニュー

9.3. 画面内に入ったら

9.3.1. 9パターン

10. JS

11. jQuery