- VueJS タブ切り替え
- クリックしてコンテンツが切り替わる表現のサンプルです。 タブの表現はよく見かけるので、VueJSでもサンプルを実装してみました。 デフォルトは一番左のコンテンツが表示され、タブをクリックすると、コンテンツが入...
- 2019-07-28 16:08:19
UIサンプルギャラリー「キプレ」
MENU
用途
新着
履歴
分類
★
タブ切り替え
重なったコンテンツを入れ替える表現のサンプルです。
「タブ切り替え」に関するサンプル
- jQuery タブ（横）シンプル版
- 過去に作ったタブのサンプルから、コードをよりシンプルに改変しました。 スタンダードなタブメニューですが、作るとなると意外と面倒です。 でもプラグインを使うほどでもないので、以下のソースをコピペでお使いください。...
- 2019-08-03 23:07:51
- JS URLのハッシュ値をUIに活用する
- URLの最後に#をつけて文字列をつけるとページ内のIDのまでページ内で移動します。一瞬で移動せずにスクロールとアコーディオンを組み合わせたUIのサンプルです。 ページ内からのリンクはaタグで書くだけ。 クリックすると、アコーディオンで隠れているコンテンツのところまで、スクロールし、コンテンツを表示します。...
- 2019-08-07 22:06:43
- jQuery タブ（横・縦）
- タブとは、限られたエリアの中に、複数の情報を詰め込むときに使う便利な表現です。 クリックされたときに情報を読み込むパターンもありますが、今回は、静的...
- 2019-07-28 16:32:24
Top