自動
自動に関連するサンプルコードをカテゴリー別にまとめています。

アコーディオン

指定時間後に自動で開閉するアコーディオンの作り方

カルーセル

マウスを乗せると自動再生が止まるカルーセルを作る方法
無限ループするカルーセルを作る方法
自動再生カルーセルを作る方法
ZOZOTOWN風カルーセルを作る方法｜自動で動くスライドギャラリー

スライダー

自動再生する画像スライダーを作る方法

セレクトボックス

指定時間後に選択できなくなるセレクトボックスを作る方法

タブ切り替え

指定時間ごとにタブを自動で切り替える方法

チェックボックス

指定時間後にチェックできなくなるチェックボックスを作る方法

ツールチップ

クリックで指定時間だけ表示するツールチップの作り方
ページ表示後に指定時間でツールチップを表示する方法
マウスホバーで指定時間だけ表示するツールチップの作り方
マウスホバーで指定時間後に表示するツールチップの作り方

テキストボックス

指定時間が経過すると入力できなくなるテキストボックスの作り方
ページを開くと入力欄へ自動フォーカス・スクロールするテキストボックスの作り方
テキストボックスのアルファベットを大文字・小文字に自動変換する方法
テキストボックスの全角・半角スペースを自動削除する方法
テキストエリアの高さを入力内容に合わせて自動調整する方法
テキストボックスの英数字・記号を全角・半角に自動変換する方法
テキストボックスのひらがな・カタカナを自動で相互変換する方法
ページを開くとテキストボックスへ自動フォーカスする方法
郵便番号から住所を自動入力するテキストボックスの作り方

トグルスイッチ

指定時間後に操作できなくなるトグルスイッチを作る方法

トースト

指定時間後にトーストを表示にする方法
指定時間後にトーストを非表示にする方法

ドロップダウンメニュー

指定時間後に自動で閉じるドロップダウンメニューの作り方

ドロワーメニュー

指定時間後に自動で閉じるドロワーメニューの作り方
設定時間後に自動で開くドロワーメニューを作る方法
スクロール位置で自動で開くドロワーメニューを作る方法
ページ読み込み時にドロワーメニューを自動で開く方法

ボタン

指定時間後に押せなくなるボタンを作る方法
郵便番号から住所を自動入力するテキストボックスの作り方

ポップアップ

指定時間後に自動で閉じるポップアップを作る方法
指定時間後にポップアップを表示する方法

ポップオーバー

指定時間後に自動で閉じるポップオーバーの作り方

モーダルウインドウ

×ボタンで閉じられるモーダルウインドウの作り方
指定時間後に自動で閉じるモーダルウインドウの作り方
一定時間操作がないと表示されるモーダルウインドウの作り方
スクロール位置で自動表示するモーダルウインドウの作り方
指定時間後に自動表示するモーダルウインドウの作り方

ラジオボタン

指定時間後に選択できなくなるラジオボタンを作る方法

ローディング

フォーム送信中に読み込み中アニメーションを表示する方法
画像読み込み中にアニメーションを表示する方法
Ajax通信中に読み込み中アニメーションを表示する方法

通知

スクロールするとお知らせバーを表示する方法
一定時間後にお知らせバーを自動で閉じる方法
一定時間後にお知らせバーを表示する方法