JQuery와, 사용자 상호 작용 : 프로젝트 조합

Question

JS Fiddle (code)

이 당신의 일을 더 나은 청소기 방법을 생각할 수 있는지 궁금 해서요 이제 배열을 배우고 자신을 설정하지만, 한 작업의 이상을 강조 호버 링크 이 작업. 나는 단순히 사용자가 몇 가지 링크 위로 가져갈 하이라이트 프로젝트의 목록을 .. 싶어 나는 내가 SEO에 일한 수있는 각 프로젝트에 나는이 프로젝트의 목록을 가지고

를 수행 할 작업을

, 개발 또는 디자인. 이 페이지에는 디자인, 개발 및 검색 엔진 최적화 (SEO)라는 링크 목록도 있습니다. 링크 위로 마우스를 가져 가면 몇 가지 프로젝트가 강조 표시됩니다. (조합). 그래서 난에 두 개 이상의 작업을 수행하는의 수있는 몇 가지 프로젝트는 ..... 두 개 이상의 링크를 강조 할 것이다 나는 현재 내가 2 차원 배열을 만들 수 있다고 생각이

을 시도하는 방법

프로젝트에 대한 목록을 제공합니다. 올바른 링크를 끌어 놓은 링크에 따라 JSfiddle 링크가 표시되면 그 URL까지 갈 수 있습니다.

ID Design

이 anyhelp이나 조언

내가 분명히 은 내가 오프 를 코드를 추출 할 수 알고 있다고 설명 희망을 주셔서 감사합니다 매우 비슷한의

예제 예제 링크는 오히려 오히려 잘라내어 붙여 넣기에서 배우는 것입니다. 다른 사람들이 생각하고 jquery를 사용하는지 확인하십시오.

Answer 1

당신은 각 프로젝트에 대해 3 개 가지 스타일을 사용할 수 있습니다 가정 해 봅시다 : ".design", ".seo", ".development"

$("#link1").hover(
    function() 
    { 
    $(".design").each(function() 
    { 
     $(this).toggleClass("highlight"); 
    }); 
    }, 
    function() 
    { 
    $(".design").each(function() 
    { 
     $(this).toggleClass("highlight"); 
    }); 
    } 
); 

설명 : 마우스 클래스 링크 1 가리킬 때. 강조 표시는 .design 클래스를 사용하는 요소에 대해 토글 (마우스 오버시 추가됨, 마우스 아웃시 제거됨)됩니다. 다른 클래스와 비슷한 방식으로 2 개의 클래스를 수행 할 수 있습니다.