コードを直接コピーするだけです。同じディレクトリ内の対応する js と css を引用することに注意してください。 タブ効果を実現する鍵はブートストラップの data-toggle= tab です rel= "stylesheet" href="bootstrap.min.css"> ']').tab('show');<br> }<br> $(document.body).on("click", "a[data-toggle]", function(event) {<br> location.hash = this.getAttribute ("href");<br> });<br> });<br> $(window).on('popstate', function() {<br> varアンカー = location.hash || $("a[data-toggle =tab] ").first().attr("href");<br> $('a[href=' + アンカー + ']').tab('show');<br> });<br> </script> ;<br /> < ;/head><br> <body><br> <br> <ul class="nav nav-tabs" id="myTab"><br> <li class="active"><a data-toggle= "tab" href="#home">ホーム</a></li><br> <li><a data-toggle="tab" href="#profile">プロフィール</a>< ;/li> ;<br> <li><a data-toggle="tab" href="#messages">メッセージ</a></li><br> <li><a data-toggle=" tab" href ="#settings">設定</a></li><br> </ul><br> <br> <div class="tab-content"><br> <div class="tab-pane active" id ="home">ホーム</div><br> <div class="tab-pane" id="profile">profile</div><br> <div class="tab-pane" id= "メッセージ" >メッセージ</div><br> <div class="tab-pane" id="設定">設定</div><br> </div><br> <br> </body><br> </ html> <br> <br> <br> <br></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
