水平標籤畫廊（我不知道如何打電話）

-2

我是新來的，但過去你已經幫了我很多。我正在爲我的公司建立一個網站，我正在學習，因爲我前進。現在我正在用Dreamweaver和Bootstrap構建，但我遇到了問題。我想添加一個部分（多個，但我可以複製並粘貼以獲得類似的結果）與投資組合。問題是我甚至不知道如何打電話給我想要的東西。我想要一個圖像上有4個「選項卡」，如果活動時爲白色，如果不活動則爲灰色，並且通過點擊頂部的圖像，我想要一個指向內容的小箭頭（可能是我設計的一個箭頭）一些文字和圖像。水平標籤畫廊（我不知道如何打電話）

到目前爲止，我已經實現了一些列的結果，但當然不是我想要的，因爲我希望底層的內容能夠被傳播，而不僅僅在頂層圖像下面。

之後，我已經考慮了一些調整旋轉木馬，仍然不是我想要的，也許類似，但它不一樣。而coure，我仍然有圖像顏色的問題。事實上，我不知道我是否必須同時使用這兩張照片或有一個命令。總而言之，爲了給你一個我想要的更好的圖像，想象一下Firefox或Chrome標籤，如果選擇了下面的小箭頭，並選擇一個白色的圖標。在內容的下面，佔據整個寬度。

對不起，如果我說錯了什麼，但正如我所說，我（慢）學習。

編輯：這裏有一個直觀例子：http://imgur.com/0h1VQVQ

感謝

來源

2016-08-02 Ironsight

不是您的問題的答案，但不要使用Dreamweaver。這是一個Web開發者的噩夢。使用現代的IDE，例如括號.io，atom.io或code.visualstudio.com。 –

@JosephA。不贊同你。 Dreamweaver爲初學者提供了很多幫助。一個人不需要依賴Dw ......這就是它。 –

@JosephA。正如我所說，我正在學習，我不害怕說我是一個noob，我也不喜歡DW，但它給了我一些暗示我在做什麼，如模板和其他東西。在將來，我確定我會在別處看，但現在，它非常方便，至少可以直觀地瞭解我在做什麼。 – Ironsight

大概引導的標籤將幫助您： http://getbootstrap.com/javascript/#tabs

HTML代碼：

<ul class="nav nav-tabs" id="myTab"> 
    <li class="active"><a data-target="#home" data-toggle="tab">Home <span class="caret"></span></a></li> 
    <li><a data-target="#profile" data-toggle="tab">Profile</a></li> 
    <li><a data-target="#messages" data-toggle="tab">Messages</a></li> 
    <li><a data-target="#settings" data-toggle="tab">Settings</a></li> 
</ul> 

<div class="tab-content"> 
    <div class="tab-pane active" id="home">Home</div> 
    <div class="tab-pane" id="profile">Profile</div> 
    <div class="tab-pane" id="messages">Message</div> 
    <div class="tab-pane" id="settings">Settings</div> 
</div>

jQuery代碼：

jQuery(function() { 
    jQuery('#myTab a:first').tab('show'); 
});

工作示例：http://jsfiddle.net/xFW8t/1801/

來源

2016-08-02 08:42:48

謝謝，這是一個很好的開始。有一個問題，我不能在這些標籤之間來回切換，一個他們被選中，我看不到他們，直到我刷新 – Ironsight

是否有某種限制選擇這些標籤？你可以給我更多的細節嗎？ –

我想要一些類似Chrome標籤的內容，因此根據您在頂部選擇的內容來回切換以閱讀下面的內容。我會把你的草圖截圖。 http://imgur.com/0h1VQVQ – Ironsight

水平標籤畫廊（我不知道如何打電話）

回答

相關問題