화면에 여러 개의/클릭 할 수있는 그래픽 아이콘이있는 jQuery 코드

Question

많은 예제 코드가 있지만 정확히 빌에 맞는 것을 찾을 수 없습니다. jQuery 코딩이나 HTML에 비교적 익숙하다고 설명해야합니다.

그래픽 콘텐츠가 포함 된 여러 아이콘 (사각형)을 표시하려면 코드를 만들어야합니다. 아이콘을 클릭 할 수 있어야하고 클릭 이벤트를 캡처해야합니다. 아이콘 자체는 ​​8 x 10 아이콘의 눈에 보이지 않는 격자로 표시 될 수 있지만, 화면 크기를 변경할 때 동적 인 경우 화면 크기를 조정할 수 있으므로 편리 할 수 ​​있습니다. 아이콘을 클릭 할 때 색상이 변경 될 수 있어야하고 비활성화 된 모드로 일부 아이콘을 표시하는 옵션이 필요할 수 있습니다.

이 요구 사항을 부분적으로 충족시키는 코드를 발견 한 사람이 있습니까? 나는 계속 찾아 볼 것이지만 마음에 샘이 생기면 그럴 것입니다.

모두에게 감사드립니다. 그 라인을 따라

제이슨

Answer 1

<div class="asquare"><img src="/.." /></div> 
<div class="asquare"><img src="/.." /></div> 
... 

$('.asquare').click(function(){ 
    $(this).css({background-color:'red'}); 
}); 

뭔가 ..?

그냥 기본적인 jQuery를 기능의 일부 주위에 읽어, 모든 :)

http://api.jquery.com/click/

http://api.jquery.com/css/

http://api.jquery.com/animate/

메모를 따라하기 정말 쉽습니다 : 당신이 색상을 애니메이션을 적용 할 경우, 당신이 필요합니다 jQuery UI