j-5モーダルウィンドウ

モーダルウィンドウ クリックすると表示される子ウィンドウ。また、一度開いたダイアログボックスを閉じるまで、他の操作をでき なくする CSS Modal demo ・・・シンプルでクール jsをつかわず、cssのみでできる Pop Easy Demo ・・・ポップでキュート CSS Modal → 新規ファイル(modal.html)を作成 → modal.cssを読み込む[download id=”12″]...

j-7入力フォームが空のときに入力案内を表示

htmlにテキストボックスを挿入 → index.html(新規ファイル)を開く → テキストフィールドを挿入・・・挿入→ フォーム→ テキストフィールド → inputタグ内で半角スペース→ value → 表示したい文字をいれ、JavaScript部分をinputタグ内に書き込む onFocus=”HideFormGuide(this,’表示したい文字’);”...

j-9動きのあるアコーディオン

htmlでリストデザインしておく。全体のul クラスは accordion 親リストタイトルは段落とspanで囲む ↓ リストデザインはcss等で完成させておく ↓ jqwery本体読み込み ↓ jsの読み込み <script> $(‘.accordion p’).click(function() { $(‘.accordion p’).removeClass(“selected”).next().slideUp();...

j-8ある程度スクロールしたら現れる「上へ」ボタン

→長めに作成したhtmlファイルを開く scrolltopcontrol.jsをダウンロードを実装 →「上へ」の画像を用意しておく →新規jsファイルを作成 内容は下記 //** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: www.dynamicdrive.com…. //** Available/ usage terms at www.dynamicdrive.com… (March 30th,...