ARCHIVE
記事一覧
Into the Programのすべての記事を新しい順に掲載しています。
725件の記事
ARTICLES
記事一覧
新着順・706〜720件を表示
-
【jQuery】読み込み時、リサイズ完了時に取得したウィンドウサイズに応じて処理を実行する
jQueryで読み込み時とリサイズ完了時に、ウィンドウサイズに応じて処理を実行する方法のご紹介になります。on()メソッドで読み込み時とリサイズ時のイベントを取得します。on()、…
-
【jQuery】スクロールでヘッダーのナビゲーションやサイドバーを固定する
スクロールでヘッダーのナビゲーションやサイドバーを固定する方法を紹介します。コンテンツの量が多い場合、１ページの表示がどうしても長くなってしまいます。ヘッダーを固定表示にしたり、横…
-
【jQuery】親要素を指定して子要素の高さを揃える
jQueryで親要素を指定し、その配下の子要素の高さを揃える方法を紹介します。横並びの要素のうち最も高いものへ合わせる処理を使い、レイアウトを調整する実装例を解説します。
-
【jQuery】要素の高さを設定／取得する
jQueryで要素の高さを取得・設定する方法を紹介します。高さを扱う複数のメソッドを比較し、レイアウトの確認や表示サイズの変更に使う基本的な記述を解説します。
-
【jQuery】hasClassで要素にclassが存在するか確認する
jQueryのhasClassで、要素に指定したクラスがあるか確認する方法を紹介します。クラスの有無を判定する基本的な記述を通して、要素の状態に応じて処理を切り替える際の使い方を解…
-
【jQuery】bxslider マウスオーバーでページャーの画像プレビューを表示する
bxsliderでページャ上にメインスライドのプレビューを表示するサンプルを紹介します。ページャーにカーソルを合わせると画像のプレビューが表示されます。スライド部分に表示される画像…
-
【jQuery】bxslider
jQueryプラグインbxsliderの導入と使い方を紹介します。Webページに画像スライダーを設置する準備と、用意されているオプションを使って表示を調整する基本的な流れを解説しま…
-
【jQuery】開閉パネル
jQueryで、ボタンなどの操作によってコンテンツを開閉するパネルを作成します。長い内容を一部隠して必要なときに表示する構成を例に、表示の切り替えを実装する方法を紹介します。
-
【HTML/CSS】メインビジュアルの背景に動画を設定する
HTMLのvideoタグを使い、メインビジュアルの背景に動画を表示する方法を紹介します。Webページへ動画を埋め込み、ファーストビューの背景として見せるための構成と設定を解説します…
-
【jQuery】【submit】フォーム外から指定したフォームを送信する
jQueryでフォーム外から指定したフォームを送信する方法を解説します。フォーム外の要素をクリックした際に、jQueryで指定したフォームの送信することが目的です。すべてフォーム外…
-
【jQuery】マウスオーバーで開くサイドメニュー
jQueryで、マウスオーバーすると開くサイドメニューを作成する方法を紹介します。メニューの構造を用意し、カーソルの操作に応じて表示を切り替える基本的な実装を解説します。
-
【jQuery】セレクトボックスの値によって処理を実行する
jQueryでセレクトボックスの値によって処理を実行する方法を解説します。jQueryのスクリプトを実行するには、予め本体ファイルを読み込む必要があります。セレクトボックスの値が選…
-
【jQuery】ドロワーメニュー
ドロワーメニューというのは、ボタンやリンクのクリックでスライド表示されるメニューのことを指します。ドロワーは日本語では引き出しという意味になります。スマートフォンやタブレットといっ…
-
【jQuery】ボタンクリックで要素の表示・非表示を切り替える
jQueryでボタンをクリックして要素の表示と非表示を切り替える方法を解説します。Switch Buttonと表示されたボタンをクリックすると要素の表示が切り替わります。jQuer…
-
【jQuery】ページ内リンクをス滑らかなムーズスクロールに変更する
jQueryでページ内リンクをスムーズスクロールへ変更する方法を紹介します。リンク先の位置を取得し、クリックに応じて滑らかに移動させる処理を、実装例を通して解説します。
スポンサーリンク