アコーディオン式スライダー|メモ的な日記メモ的な日記プログラミングについての個人的メモ日記。PHPとかjQueryとかがメイン。ないブログに表示されています。新しい記事を書く事で広告が消えます。Wed.アコーディオン式スライダーウェブサイトによくあるアコーディオン型のスライダーを使ってみる。ソース配布先はこちら。code.からダウンロード出来ます。サイト内のダウンロードリンクはこちら。基本的にはダウンロードしたaccordion.zipを解凍した中にあるindex.htmlと同じように組み込んでいけば同じように使えます。<head>にjsファイルとcssファイルの呼び出しを記述<body>部分にdiv,dl,dt,ddでリスト作成List1List1です。List2List2です。List3List3です。最後にJavascriptの記述を。記述の仕方でページを開いた時にリストを閉じておくか、どれかを開いた状態で表示するかを変更できます。すべて閉じる場合どれかを開いておく場合slider1.initの第2引数にどこを開いておくかを記述します。0だと1番目、1だと2番目を開く、といった感じ。サンプルはこちらcssを編集すればいろいろアレンジ出来そう?おわり。Reserved.忍者ブログ[PR]。