新潟県妙高市|ホームページと広告の相談相手

MENU [+]閉じる [×]

ホームページ制作をしていると、フォームの項目の一つで「チェックボックス」というものを扱う機会はあるかと思います。 また、チェックボックスを含むフォーム関連の項目の制御は、しばしばjQueryによって行われることが多いと思います。 その中で今回は、「特定のチェックボックスがチェックされたか・されていないかで処理を分けるjQueryの記述方法」をご紹介します。 この記事の目次 …… 続きを読む

ユーザーの方の操作に応じて、Webページ内の表示や動きを制御するホームページは、今ではよく見受けられます。 それらを実現している要素は「jQuery&CSS」です! 今回は、jQueryでCSSのスタイル定義を追加・変更・削除する方法をご紹介したいと思います。 この記事の目次 [基本]jQueryでCSSを操作する(主な)2つの方法 [方法1]特定の要素のCSSのスタ …… 続きを読む

jQueryといえば、ペーズのスムーズスクロールや画像のスライドショーだけでなく、フォームの項目の制御にも使えます。 代表的なものの一つが「チェックボックス」ですが、チェックボックスにチェックした時と、チェックを外した時(または初期表示の状態)とで処理を分けるようなjQueryの記述が使えれば、より便利になりそうです。 そこで今回は「チェックボックスの変更に応じて処理を分ける方法」をご …… 続きを読む

ホームページで何かしらの操作をするとき、操作に応じた処理はjQueryを使って実装されることが多くあるかと思います。 代表的なものの一つとして「hoverイベント(マウスのカーソルが該当の要素に乗った時に起こる一連の処理)」が挙げられます。 今回は、そのhoverイベントの記述方法をご紹介します。 この記事の目次 【結論】マウスを乗せた時のイベントの処理の記述方法 [ …… 続きを読む

ホームページを見ていると、画面をスクロールさせるたびに、ヘッダーのメニュー項目が最上部に固定されたまま付いてくるページもありますよね(^o^)? 今回は、そんな時に役立つ「スクロールしたらヘッダーを固定したい場合のアイディア」のご紹介です。 この記事の目次 【結論】スクロールしたらヘッダーを固定したい場合のアイディア [概要]jQueryとCSSとで行われる処理のしくみ …… 続きを読む

ホームページのコンテンツを更新するとき、使用する画像のタテヨコ比が一定でない場合もあるでしょう。 制作会社がPhotoshopなどを用いて画像のタテヨコ比を整えることができれば良いかもしれませんが、お客様にコンテンツの更新を行なっていただく場合、つどサイズ調整していただくのも大変です(^^;) そこで今回は使用する画像のタテヨコ比が一定でない場合に、画像を指定サイズに収めて余りをトリミ …… 続きを読む

数年前に担当させていただいた案件で「可変グリッドレイアウト」というレイアウトのWebサイトを制作させていただきました。 「可変グリッドレイアウト」とは、ウィンドウの幅が変化したら、それに合わせて横並びのブロック数が変化して、コンテンツが再配置されるレイアウトです。 例えば新着一覧に画像を表示させるなどの理由で、1つ1つのブロックの高さが定まらない場合などに、 「じゃあ、なるべく一 …… 続きを読む

Copyright (C) 妙高Web屋 All Rights Reserved.