2012-05-16 6 views
0

저는 현재 갤러리 디자인 작업을하고 있습니다. 페이지에는 2 명의 Div가 있습니다. 왼쪽 div는 갤러리 목록이고 오른쪽은 갤러리보기입니다. 자바 스크립트를 사용하면 오른쪽의 왼쪽 목록에 표시된 갤러리 변경 사항을 클릭하면됩니다. 갤러리가 왼쪽 목록에서 열리면 목록에서 파란색으로 표시됩니다. 다른 갤러리를 여는 경우 다시 검은 색이어야하며 방금 열린 그림은 파란색이어야합니다.열려있는 갤러리의 색상 변경

목표를 달성하려면 어떻게해야합니까? JavaScript로 목록 요소의 색상을 변경할 수 있습니까?

내 갤러리는 여기에 있습니다. http://goo.gl/kfjlJ

갤러리를 숨겨서 표시하는 JavaScript 코드입니다. 목록

<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(); 
}); 
}); 
+2

왜이 [repost] (http://stackoverflow.com/questions/10607794/when-opening-another-tab-part-of-the-page-goes-empty)를 보냈습니까? – BoltClock

답변

2

하자 asume? 당신은이 작업을 수행 할 수 있습니다

$(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"를 만들어야합니다.

귀하의 문제를 올바르게 이해 했습니까?

+0

이것은 그 것이다! 고맙습니다 ! =) 자바 스크립트를 모른다는 것은 그렇게 나쁘다 ... – Extelliqent

+0

그리고 학습은 좋다! :) 그걸 따라 잡아라. – Chango