0

我目前正在从事画廊设计。页面上有 2 个 div。左侧 div 是画廊列表，右侧是画廊视图。根据您在左侧列表中单击的那个，右侧的可见画廊更改使用 JavaScript。当任何画廊从左侧列表打开时，它在列表中应该是蓝色的。如果您打开另一个画廊，它应该又是黑色的，而刚刚打开的画廊应该是蓝色的。

我怎样才能实现我的目标？我可以使用 JavaScript 更改列表元素的颜色吗？

这是我的画廊；http://goo.gl/kfjlJ

隐藏和显示画廊的 JavaScript 代码。

$(window).load(function(){

$('a').click(function() {
  $('.gallery').hide();
  $('#' + $(this).data('gallery')).show();
});
});
4

1 回答 1

2

假设列表具有这种格式

<ul id="list-name">
  <li><a>One</a></li>
  <li><a>Two</a></li>
</ul>

好的？你可以这样做：

$(window).load(function(){
  $('a').click(function() {
    $('.gallery').hide();
    $('#' + $(this).data('gallery')).show();
    $('#list-name li.active').removeClass("active");
    $(this).parent().addClass("active");
  });
});

因此，您只需创建 css 类“#list-name li.active”即可为活动图库提供所需的颜色。

我理解你的问题了吗？

于 2012-05-16T18:10:21.570 回答