更改已打開的畫廊的顏色

我目前正在研究畫廊設計。頁面上有2個Div。左邊的div是一個畫廊列表，右邊是畫廊視圖。根據您點擊左側列表中可見的更改右側JavaScript的圖標。當任何畫廊從左側列表中打開時，列表中應該是藍色的。如果你打開另一個畫廊，它應該再次變黑，而剛剛打開的畫廊應該是藍色的。更改已打開的畫廊的顏色

我該如何實現目標？我可以使用JavaScript更改列表元素的顏色嗎？

這是我的畫廊; http://goo.gl/kfjlJ

隱藏圖庫並顯示它們的JavaScript代碼。

$(window).load(function(){ 

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

來源

2012-05-16 Extelliqent

爲什麼你[轉貼本]（http://stackoverflow.com/questions/10607794/when-opening-another-tab-part-of-the-page-goes-empty）？ – BoltClock

讓我們asume該列表具有這種格式

<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類「＃列表名稱li.active」給予積極的畫廊，你想要的顏色。

我理解你的問題了嗎？

來源

2012-05-16 18:10:21 Chango

這就是它！謝謝！ =）這是不好的不知道JavaScript ... – Extelliqent

和學習是好的！ :)跟上這一點 – Chango

更改已打開的畫廊的顏色

回答

相關問題