よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
20行で実現できるAjaxタブインタフェース:phpspot開発日誌
Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the problem of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。 次のようなタブインタフェースをたったの２０行で実現可能なようです。 次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div
Ajaxチュートリアルのランキングサイト「Ajax Tutorial Top List」:phpspot開発日誌
Ajax Tutorial Top List - Free tutorials, articles, examples for web 2.0 Ajaxチュートリアルのランキングサイト「Ajax Tutorial Top List」 Ajaxのチュートリアルがランキングで順に紹介されています。 1〜3位は次のような感じ。 1. Ajaxを使った道程名ドロップダウンリストをPHPで作る 2. Ajaxを使ったリアルタイムファイルアップロード 3. Ajax、MySQL、PHP によってフォームのバリデートを行う こうしたサンプルのリンク集を集めた上で、更にランキングにすることで利用率・便利度・ニーズの高いもの順に並べています。 これはなかなか便利かもしれませんね。 関連エントリ Ajax/CSS/PHP等のチュートリアルまとめ ZendFrameworkでAjaxを使ったチャットシステムを作
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クールなUIを実現可能なAjaxフレームワーク「vegUI」:phpspot開発日誌
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm
