水平标签画廊（我不知道如何打电话）

-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

水平标签画廊（我不知道如何打电话）

回答

相关问题