サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
WWDC25
www.webantena.net
Bootstrap を使ったシンプルなタブメニューの実装方法です。 今回はタブメニューの基本的な設置方法と合わせて、jQuery Cookie を利用して現在閲覧しているタブの情報を Cookie に保存する方法も合わせて紹介させていただきます。 これにより、ページをリロードしたり離脱して戻ってきた場合でも、タブの情報を保持できるようになります。 Bootstrap のタブメニュー実装 まずは Bootstrap によるタブメニューを用意します。 bootstrap-tab.js ファイルの設置 jquery ファイルと一緒に、bootstrap-tab.js を設置します。 <link href="./assets/css/bootstrap.css" rel="stylesheet"> <script src="./jquery.min.js"></script> <script sr
Bootstrap のモーダル機能ベースの「Bootstrap Lightbox」は、画像をクリックしてオーバーレイで拡大表示させるシンプルなLightbox 系プラグインです。 Colorbox や Fancybox のようにあれもこれも出来るという訳ではなさそうですが、今後使う可能性もあるので簡単に設置方法をまとめました。 Bootstrap Lightbox のダウンロード 以下のページから Bootstrap Lightbox のファイルをダウンロードします。 各ファイルを、<head> 内か </body> の直前に設置します。 <link rel="stylesheet" href="./bootstrap.css"> <link rel="stylesheet" href="./bootstrap-lightbox.css"> <script src="./jquery.mi
このページを最初にブックマークしてみませんか？
『WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
