有人让我重新创建这种东西,在本网站的“服务”部分:http://www.ohmygoodnesscafe.fr/,有一个由四个图像组成的图库。在画廊下面是带有文字的选定图像。单击其他图片时,将使用所选图像及其说明相应更改内容。 我怎样才能实现同样的目标?是否有插件?
答案 0 :(得分:0)
$('#tabs').on('click','li',function(e){
var tab = $(this).data('tab');
$('.pane.' + tab).addClass('active').siblings('.pane.active').removeClass('active');
});

.pane {
display:none; padding:20px;
}
.pane.active {
display:block;
}
#tabs {
display:table; margin:0; padding:0;
}
#tabs li {
display:table-cell; background:blue; color:white; padding:10px; cursor:pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="tabs">
<li data-tab="one">One</li>
<li data-tab="two">Two</li>
<li data-tab="three">Three</li>
<li data-tab="four">Four</li>
</ul>
<div class="pane one active">
One data
</div>
<div class="pane two">
Two data
</div>
<div class="pane three">
Three data
</div>
<div class="pane four">
Four data
</div>
&#13;