このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
「アコーディオンパネル UI」の完成画面。ラベル部分をクリックすると、下に隠れていたパネルが表示される(画像クリックでサンプルページを表示します) シンプルなアコーディオンを作ってみよう アコーディオンの基本動作から作ります。HTML/XHTML(以下、HTML)は次のとおりで、ラベル部分をdt要素、パネル部分をdd要素で記述する定義型リストで設定します。 ▼サンプル01(HTML部分) <dl> <dt>Step.1</dt> <dd><p>Lorem ...(中略)... venenatis.</p></dd> <dt>Step.2</dt> <dd><p>Integer ...(中略)... accumsan. </p></dd> <dt>Step.3</dt> <dd><p>Integer ...(中略)... imperdiet. </p></dd> </dl> デザインはCSS
JavaScriptを使って横に開くアコーディオンメニューを紹介します。JavaScriptなのにFlashのような動きのあるメニューが作れます。「prototype.js」「effects.js」「accordion.js」という 3種類のJavaScriptライブラリを利用しており動きは比較的軽快かと思います。タブ数や大きさはJavaScriptとCSSをいじれば自由に変更することができます。 JavaScriptを使って横に開くアコーディオンメニューを紹介します。JavaScriptなのにFlashのような動きのあるメニューが作れます。JavaScriptライブラリは下記よりダウンロードしてお使いください。直リンクはやめてくださいね。 ・ prototype.js ・ effects.js ・ accordion.js
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く