Javascript / jQuery

画像操作

・リンクホバー(マウスオーバー)で複数の画像を切替え表示
・左右ボタンクリックで画像を横にスライドさせて表示
・複数画像を一定の秒数で重複させずにランダム切り替え表示
・複数の画像を一定の時間で昇順で切り替え表示させる

リアルタイム

・画面の座標,高さ,スクロール位置をリアルタイムに取得
・スクロールでページの一番下の値をリアルタイムに取得
・座標をリアルタイム表示(mousemove)
・複数画像を一定の秒数で重複させずにランダム切り替え表示
・複数の画像を一定の時間で昇順で切り替え表示させる
・リアルタイムに時間を表示

クリック

・矢印を作成しクリックで回転させスピードを付ける
・左右ボタンクリックで画像を横にスライドさせて表示
・クリックした場所の座標を取得する

スクロール

・画面の座標,高さ,スクロール位置をリアルタイムに取得
・Window(画面ブラウザ)のスクロール位置を取得する
・スクロールでページの一番下の値をリアルタイムに取得
・画面をスクロールでメニューの固定表示
・スクロール後に文字や絵文字を固定表示
・アドセンス広告をスクロールでサイドバーに固定表示する
・スクロールでメニューをフッターに固定する
・画面スクロール後の固定fixedの画面チラツキをなくす
・ページ内のタグ(要素)にスクロールとジャンプ移動
・CSSのみでスクロールで固定(sticky)

座標・高さ・位置・値の取得

・画面の座標,高さ,スクロール位置をリアルタイムに取得
・スクロールでページの一番下の値をリアルタイムに取得
・Window(画面ブラウザ)のスクロール位置を取得する
・高さheightのいろいろ
・offsetメソッドで座標の取得と設定
・座標をリアルタイム表示(mousemove)
・クリックした場所の座標を取得する

セレクター・メソッド

【セレクターで要素を探す】

・セレクターの基本指定
・指定した要素を見つける(フィルター)
・属性名や属性値で検索して目的の場所を探す

【メソッド】

・指定した要素を見つける(兄弟)
・指定した要素を追加する(兄弟)
・属性の取得と設定と削除(attr)
・classを追加・削除・トグル・クラスの有無を確認
・wrapメソッドで要素を囲う
・CSSのstyle属性(設定・取得・削除)

エフェクト

・隠す・見せる(show/hide/toggle)
・フェード(fade~out/in/to/toggle)
・スライド(slide~up/down/toggle)

if文・三項演算子

【jQuery】if文(and,or,else,else if,三項)