Adobe Muse에서 컴포지션 위젯을 추가하는 방법에 대해 알아봅니다. 대화형 사이트를 만들도록 컴포지션 위젯을 구성합니다.

참고:

Adobe Muse는 더 이상 새로운 기능을 추가하지 않으며 2020년 3월 26일 목요일에 지원이 중단됩니다. 자세한 정보 및 지원은 Adobe Muse 서비스 종료 페이지를 참조하십시오.

Adobe Muse의 컴포지션 위젯을 사용하면 웹 사이트에 복잡한 상호 작용을 추가할 수 있습니다. 컴포지션 위젯은 어느 사이트(예: 사진 사이트 또는 레스토랑 사이트)에서나 다양한 컨텐트를 표시하는 데 있어서 필수적인 도구입니다. 이러한 위젯을 사용하여 코드를 전혀 작성하지 않고도 고유한 탐색 경험을 만들어 낼 수 있습니다.

Adobe Muse는 다양한 종류의 웹 사이트 컨텐트를 추가하고 디자인할 수 있게 해 주는 여러 컴포지션 위젯 유형을 제공합니다. 예를 들어, 사진 사이트를 만드는 사용자는 라이트박스 표시 위젯을 선택하여 웹 사이트에 사진 갤러리 기능을 추가할 수 있습니다. 이 위젯은 일시적으로 페이지의 나머지 부분을 어둡게 하여 방문자의 시선을 활성 표시 영역으로 유도합니다.

하나의 컴포지션 위젯 내에 위젯을 중첩시켜 재미있는 웹 디자인을 만들 수도 있습니다. 예를 들어, 카탈로그를 디자인하는 경우에는 빈 컴포지션 위젯을 사용하여 햄버거 메뉴를 만들고, 빈 컴포지션 위젯의 대상 영역에 슬라이드 쇼 위젯을 중첩시킬 수 있습니다. 이러한 디자인은 사이트 방문자에게 특별한 사용자 경험을 제공합니다.

제공된 내용을 읽고 Adobe Muse에서 사용할 수 있는 컴포지션 위젯의 유형에 대해 알아보십시오.

컴포지션 위젯의 유형

컴포지션 위젯에는 트리거 및 대상 컨테이너 두 개가 포함되어 있습니다. 트리거 영역은 사이트 방문자가 클릭하는 영역이고, 대상 영역은 표시되는 해당 영역입니다. 트리거 영역과 대상 영역을 링크하여 사이트에 복잡성과 상호 작용을 추가할 수 있습니다.

Adobe Muse는 다음 유형의 컴포지션 위젯을 제공합니다. 디자인 요구 사항에 따라, 사용자는 이러한 위젯 중 하나를 사용하거나 중첩을 통해 이러한 위젯의 조합을 사용할 수 있습니다.

비어 있음

Adobe Muse의 빈 컴포지션 위젯
Adobe Muse의 빈 컴포지션 위젯

작은 축소판이 있는 위젯입니다. 기본적으로 이 위젯에는 필러가 없습니다. 이를 직접 대상 컨테이너에 연결할 수 있습니다.

주요 소식

Adobe Muse의 주요 소식 컴포지션 위젯
Adobe Muse의 주요 소식 컴포지션 위젯

아코디언 위젯과 유사하게 동작하는 위젯입니다. 컨테이너 영역에서 이 위젯에 대한 텍스트 및 이미지를 추가할 수 있습니다.

라이트박스 표시

Adobe Muse의 라이트박스 표시 컴포지션 위젯
Adobe Muse의 라이트박스 표시 컴포지션 위젯

트리거를 클릭하면 대상 영역의 컨텐트가 활성화되는 위젯입니다. 대상이 표시되면 페이지의 나머지가 흐려집니다.

프레젠테이션

Adobe Muse의 프레젠테이션 컴포지션 위젯
Adobe Muse의 프레젠테이션 컴포지션 위젯

이 위젯에는 대상 프레젠테이션 영역에 연결된 작은 축소판이 있습니다. 기본적으로 이 위젯에서 슬라이드는 가로 방향으로 스와이프합니다.

툴팁

Adobe Muse의 툴팁 컴포지션 위젯
Adobe Muse의 툴팁 컴포지션 위젯

이 위젯에는 툴팁 텍스트가 있습니다. 사용자가 트리거 영역 위로 커서를 가져가는 즉시 툴팁이 표시됩니다.

컴포지션 위젯 구성 및 추가

Adobe Muse에서 컴포지션 위젯을 추가하여 사용하려면 추가할 컴포지션 위젯을 선택하여 이 위젯을 [디자인] 보기로 드래그합니다. 이러한 위젯은 기본적으로 반응형이므로 위젯은 여러 중단점에서 유동적입니다. 컴포지션 위젯의 위치 또는 컨텐트를 변경하려면 특정 중단점의 개별 위젯 요소를 수정하거나 크기를 조정하거나 고정할 수 있습니다.

레이아웃에 컴포지션 위젯을 추가하려는 경우에는 이 절차를 따르십시오.

  1. Adobe Muse를 엽니다. 시작 화면에서 [새로 만들기]를 클릭하여 새 사이트를 만들거나, 컴포지션 위젯을 추가할 기존 Adobe Muse 사이트를 엽니다.

  2. [플랜] 보기에서 위젯을 추가할 페이지를 두 번 클릭하여 엽니다.

  3. [위젯 라이브러리]를 열고([창] > [위젯 라이브러리]) [컴포지션]을 클릭하여 옵션을 확장합니다. 디자인 요구 사항에 따라 컴포지션 위젯 중 하나를 선택합니다.

    예를 들어 [위젯 라이브러리]에서 [라이트박스 표시]를 선택합니다.

    참고:

    위젯에 채워진 모든 기본 컨텐트를 제거하려면 위젯을 마우스 오른쪽 단추로 클릭하고 [위젯 컨텐트 지우기]를 선택합니다.

    Adobe Muse의 [위젯 라이브러리]에서 [컴포지션] 위젯을 드래그합니다.
    [위젯 라이브러리]에서 [컴포지션] 위젯을 드래그합니다.

    [라이트박스 표시] 위젯의 기본 버전에는 큰 연한 회색 대상 컨테이너 위에 3개의 작은 회색 트리거 상자가 있습니다.

    방문자가 트리거 컨테이너를 클릭하면 [라이트박스 표시] 위젯의 대상 컨테이너가 나타납니다. YouTube 비디오 등 이미지, 텍스트, 비디오를 대상으로 포함시킬 수 있습니다.

  4. [컴포지션] 위젯에서 컨테이너 또는 트리거를 선택합니다. 전체 위젯을 선택하려면 위젯을 선택합니다. 응용 프로그램의 왼쪽 상단에 있는 선택 표시기에 컴포지션이라는 단어가 표시됩니다.

    트리거를 선택하려면 이 위젯에서 작은 상자를 두 번 클릭하여 선택합니다. 트리거라는 단어가 선택 표시기에 표시됩니다. 작은 상자는 이 위젯의 트리거입니다. 이는 사용자 상호 작용에 반응하는 단추입니다.

    Adobe Muse 페이지의 왼쪽 위에 있는 선택 표시기 보기
    페이지의 왼쪽 상단에 있는 선택 표시기 보기

    왼쪽 상단에 있는 선택 표시기에 페이지라는 단어가 표시되면 어떠한 다른 요소도 선택되지 않은 것입니다.

  5. [파일] > [배치]를 선택하여 [가져오기] 대화 상자를 엽니다. 이 위젯에 배치할 파일을 찾아 선택합니다. [열기]를 클릭하여 파일을 선택하고 [가져오기] 대화 상자를 닫습니다.

    페이지의 아무 곳이나 한 번 클릭하여 이미지를 전체 크기로 배치합니다.

  6. 이미지가 선택된 상태에서 마우스 오른쪽 단추를 클릭하고 컨텍스트 메뉴에서 [잘라내기]를 선택합니다.

    키보드 단축키를 사용하여 이미지를 잘라 낼 수도 있으며, 이렇게 하면 해당 이미지를 페이지에서 제거하고 클립보드로 복사합니다.

  7. 트리거 단추 내부를 마우스 오른쪽 단추로 클릭하고 [붙여넣기]를 선택합니다. 바로 가기 키를 사용하여 이미지를 트리거에 붙여 넣을 수도 있습니다. 트리거 컨테이너가 자동으로 이미지 규격의 크기로 확장됩니다.

    컨텐트를 컨테이너에 붙여넣기가 까다로울 수 있습니다. 컨텐트를 내부에 붙여넣었다고 생각했으나 사실은 페이지에 붙여넣은 경우가 가끔 발생합니다.

    이미지가 트리거 컨테이너 내부에 있는지 확인해야 하는 경우 Esc 키를 한 번 누르고 선택 표시기를 살펴봅니다. 트리거라는 단어가 표시되면 이미지가 트리거 내부에 있는 것입니다. 선택 표시기에 페이지라는 단어가 표시되면 이미지를 잘라내고 트리거 컨테이너 내부에 다시 붙여 넣어야 합니다.

    이미지를 붙여넣은 위치를 확인하기 위해 [레이어] 패널을 열어 볼 수도 있습니다([창] > [레이어]). [레이어] 패널은 페이지에 있는 요소의 계층 구조를 보여줍니다.

  8. 축소판을 추가하려면 트리거 컨테이너 옆에 있는 플러스 기호(+)를 클릭합니다.

    +를 클릭하여 라이트박스 표시에 축소판 추가
    +를 클릭하여 축소판 추가
  9. [디자인] 보기에서 위젯을 배치한 후에는 위젯을 구성할 수 있습니다. [컴포지션] 위젯에 대한 옵션을 구성하려면 위젯을 선택하고 위젯의 오른쪽 상단에 있는 파란색 화살표를 클릭합니다.

    옵션 메뉴를 사용하여 [컴포지션] 위젯 구성
    [옵션] 패널을 사용하여 컴포지션 위젯 구성

    [옵션] 패널에서 다음 설정을 구성할 수 있습니다.

    • 위치: 페이지에서 대상 영역이 배치되는 위치를 지정합니다. 대상이 겹치도록 하려면 [스택]을 선택하고, 대상이 서로 다른 위치에 배치되도록 하려면 [분산]을 선택합니다. 페이지의 나머지 부분을 어둡게 하려면 [라이트박스]를 선택합니다.
    • 대상 표시: 사용자가 트리거를 클릭할 때의 대상 동작에 대한 설정을 지정합니다. 
    • 대상 숨기기: 대상을 숨기기 위한 설정을 지정합니다. 사용자가 트리거를 클릭하지 않으면 대상 영역이 숨겨진 상태로 유지됩니다.
    • 전환: 사용자가 트리거를 클릭하거나 마우스 커서를 올려 놓을 때 대상 영역의 컨텐트가 변경되는 방식을 지정합니다. 새 대상에서 페이드 인하려면 서서히 사라짐, 가로 슬라이드 동작으로 대상을 가져오려면 가로, 세로 슬라이드 동작으로 대상을 가져오려면 세로를 선택합니다.
    • 전환 속도: 컴포지션 위젯의 전환 속도를 지정합니다. 즉시 전환하려면 [없음]을 선택합니다.
    • 자동 재생: 웹 사이트에서 슬라이드 쇼를 만들려면 이 옵션을 구성합니다. 이 옵션을 선택하면 사용자의 상호 작용 없이 슬라이드가 자동으로 재생됩니다.
    • 셔플: 대상을 무작위 순서로 표시하려면 이 옵션을 선택합니다.
    • 맨 위에 트리거: 트리거를 대상 컨테이너 위에 배치하려면 이 옵션을 선택합니다. 동일한 계층 구조가 [레이어] 패널에도 표시된 것을 볼 수 있습니다.
    • 스와이프 설정: 터치식 장치를 위한 다음 대상으로 이동하기 위한 스와이프 동작을 설정하려면 이 옵션을 선택합니다.
    • 처음에는 모두 숨기기: 웹 사이트가 처음에 로드될 때 모든 대상 옵션을 숨기려면 이 옵션을 선택합니다. 대상을 보려면 해당 트리거를 클릭해야 합니다.
    • 자동 라이트박스: 웹 사이트가 로드될 때 라이트박스가 자동으로 표시되도록 하려면 이 옵션을 선택합니다.
    • 파트: 위젯에 상호 작용을 더 추가하려면 [이전(이전 단추)], [다음] 또는 [닫기 단추] 옵션을 선택합니다. 사용자는 웹 사이트의 [이전], [다음] 및 [닫기] 옵션을 클릭할 수 있습니다.
    • 편집: 위젯을 편집할 때 [디자인 보기]에 대상 영역을 표시하려면 [편집 시 라이트박스 파트 표시]를 선택합니다. [디자인 보기]에서 모든 대상 컨테이너를 동시에 보려면 [디자인 모드에서 모두 표시]를 선택합니다.
    Adobe Muse에서 [컴포지션] 위젯에 대한 설정 구성
    [컴포지션] 위젯에 대한 설정 구성

    참고:

    [위치] 드롭다운 목록에서 옵션을 [분산] 또는 [스택]으로 선택한 경우에는 [편집 시 라이트박스 파트 표시] 옵션이 사용 안 함으로 설정됩니다.

    [자동 라이트박스] 옵션을 선택한 경우에는 [처음에는 모두 숨기기] 옵션이 사용 안 함으로 설정됩니다.

  10. 불필요한 트리거를 제거하려면 삭제할 트리거를 두 번 클릭하여 선택합니다. Delete(Mac) 또는 백스페이스(Windows) 키를 눌러 선택한 트리거를 제거합니다.

  11. 라이트박스 효과를 호출하려면 트리거 컨테이너 내부에 있는 메인 이미지를 클릭합니다.

    라이트박스 표시를 보려면 왼쪽의 이미지(트리거) 클릭
    라이트박스 표시를 보려면 왼쪽의 이미지(트리거) 클릭(오른쪽에 표시된 바와 같이)

    Esc 키를 눌러 라이트박스 창을 닫고 [디자인 보기]로 돌아가 Adobe Muse 페이지 편집을 계속합니다.

  12. 컴포지션 위젯을 구성하여 디자인에 배치한 후에는 [미리 보기]에서 위젯을 테스트합니다.

반응형 레이아웃에서 컴포지션 위젯을 사용하고 있는 경우에는 다음 섹션을 읽으십시오. 모든 중단점에서 위젯을 테스트하고 미리 봐야 합니다.

반응형 레이아웃에서 컴포지션 위젯 사용

컴포지션 위젯은 기본적으로 유동이거나 반응형입니다. 반응형 레이아웃에 컴포지션 위젯을 추가하여 사용하려면 다음 단계 중 하나를 수행하십시오.

  • 최신 버전의 Adobe Muse를 사용하여 새 반응형 사이트를 만드는 경우에는 [위젯 라이브러리] 패널에서 컴포지션 위젯을 끌어 [디자인] 보기에 배치합니다.
  • 2017.0.3 이전 Adobe Muse 버전을 사용하고 있는 경우에는 컴포지션 위젯이 반응형이 아닙니다. 이 경우에는 최신 버전의 Adobe Muse를 사용하여 .muse 파일을 엽니다. 위젯 내의 요소를 선택하고 [크기 조정] 옵션을 [반응형 폭] 또는 [반응형 높이 및 폭](둘 중 해당하는 것)으로 선택합니다.
반응형이 아닌 컴포지션 위젯을 반응형으로 변환하기
반응형이 아닌 컴포지션 위젯을 반응형으로 변환하기

참고:

전체 위젯을 선택하여 [크기 조정] 속성을 변경할 수는 없습니다. 위젯을 반응형으로 변환하려면 해당 위젯 내의 개별 요소 또는 여러 요소를 선택합니다.

컴포지션 위젯 추가 및 구성에 언급된 단계에 따라 위젯을 구성합니다. 위젯을 구성하고 스타일을 적용한 후에는 브라우저에서 해당 위젯을 미리 보거나 스크러버를 사용하여 크기를 조정할 수 있습니다. 위젯의 크기가 화면 크기에 따라 자동으로 조정되는 것을 볼 수 있습니다.

Adobe Muse의 반응형 컴포지션 위젯
Adobe Muse의 반응형 컴포지션 위젯

참고:

반응형 레이아웃에 컴포지션 위젯을 추가할 때는 먼저 가장 큰 중단점에서 디자인을 배치하는 것이 좋습니다. 가장 큰 중단점에서 위젯의 배치 및 구성을 결정한 후에는 필요한 위치에 중단점을 추가합니다.

반응형 레이아웃으로 사이트를 디자인하는 방법에 대해 자세히 알아보려면 반응형 디자인에서 개체 배치를 참조하십시오.

컴포지션 위젯을 다른 위젯과 결합하기

컴포지션 위젯의 가장 독특한 측면은 컴포지션 위젯 내에 중첩된 위젯을 지원한다는 점입니다. 즉, 하나의 컴포지션 위젯 내에 양식, 슬라이드 쇼 또는 메뉴 항목과 같은 위젯을 추가할 수 있습니다.

예를 들면, 요리 웹 사이트에서 주요 소식 위젯의 대상 컨테이너 내에 슬라이드 쇼 위젯을 추가할 수 있습니다. 사이트 방문자가 메뉴 레이블(주요 소식 위젯)을 클릭하면 갤러리를 포함하는 대상 영역이 슬라이드 쇼로 표시됩니다.

연락처 레이블을 클릭하는 사용자가 즉시 연락처 양식으로 이동되도록 연락처 양식을 대상으로 추가할 수도 있습니다.

중첩을 사용하면 이러한 예시 외에도 다양한 조합을 사용할 수 있으며 디자인 가능성의 범위가 매우 넓어집니다. 그러나 반응형 레이아웃에서 중첩된 위젯을 디자인할 때는 다음 측면을 고려해야 합니다.

  • 반응형이 아닌 컨테이너에 중첩된 반응형 요소에 대해서는 고정을 사용할 수 없습니다.
  • 반응형이 아닌 컨테이너에 배치하는 개체는 반응형 개체가 되지 않습니다.

참고:

컴포지션 위젯에 위젯을 중첩시킬 때는 세 단계보다 더 깊은 중첩 단계를 사용하지 않는 것이 좋습니다.

다음 섹션에는 컴포지션 위젯을 사용하여 하위 메뉴를 만드는 방법이 설명되어 있습니다. 이 샘플 시나리오를 읽고 사이트 탐색을 위한 숨겨진 하위 메뉴를 만드는 방법을 알아보십시오.

컴포지션 위젯을 사용하여 하위 메뉴 만들기

컴포지션 위젯을 구성하여 하위 메뉴와 함께 사이트 탐색을 만들 수 있습니다. 방문자가 활성 영역으로 커서를 가져갈 때 하위 메뉴를 표시하고 방문자가 활성 영역(하위 메뉴가 열리도록 했던)에서 벗어나 커서를 이동할 때 동일한 하위 메뉴를 숨기는 메뉴 항목을 만들 수 있습니다. 또한 방문자가 하위 메뉴의 링크를 클릭하지 않고 단순히 하위 메뉴 자체에서 벗어나 커서를 이동할 때 숨겨지는 하위 메뉴 같은 위젯을 구성할 수도 있습니다. 이러한 유형의 대화형 하위 메뉴를 만드는 기능은 많은 여러 하위 메뉴가 있는 사이트에 대한 탐색 막대를 만들 때 유용합니다.

웹 사이트에 공통되는 메뉴 동작을 복제하려는 경우 [대상 표시] 및 [대상 숨기기] 메뉴가 유용합니다. 방문자는 선택적으로 링크를 클릭하거나 커서를 창 영역의 바깥으로 이동하여 창을 숨길 수 있습니다. 이 옵션이 설정되면 하위 메뉴를 숨기기 위해 닫기 단추를 클릭할 필요가 없습니다.

이 기능은 다음 컴포지션 위젯으로 작업할 때 사용할 수 있습니다.

  • 비어 있음
  • 주요 소식
  • 툴팁

[옵션] 패널은 대상 컨테이너를 표시할 때 두 가지 설정을 제공합니다.

  • 클릭할 때: 사용자가 클릭하면 대상을 표시함
  • 롤오버 시: 사용자가 트리거를 롤오버하면 대상을 표시함

컴포지션 위젯의 대상 컨테이너를 숨기도록 선택할 수도 있습니다. 다음 옵션은 대상 컨테이너를 숨기는 데 대한 네 가지 옵션입니다.

  • 없음
  • 클릭할 때
  • 롤아웃 시
  • 트리거 및 대상 롤아웃 시

다음 섹션에서는 롤오버 시 동작을 사용하여 대상 컨테이너를 표시하고, 트리거 컨테이너 및 대상 컨테이너의 롤아웃 시 동작을 사용하여 대상 컨테이너를 숨기는 방법에 대해 알아봅니다.

아래의 단계를 수행하여 [컴포지션] 위젯에 대한 [롤아웃 시 숨기기] 설정을 사용하여 방문자 상호 작용에 따라 하위 메뉴 링크를 숨기거나 표시하는 메뉴 막대를 만드는 방법을 배우십시오.

  1. [디자인 보기]의 [위젯 라이브러리]에서 위젯을 드래그하여 [라이트박스 컴포지션] 위젯을 페이지에 추가합니다.

  2. 트리거 컨테이너를 선택합니다. [선택] 도구를 사용하여 3개의 모든 트리거 컨테이너를 맨 위(큰 대상 컨테이너 위쪽)로 이동하고 균일하게 간격을 조정합니다.

    트리거 컨테이너 재배치
    트리거 컨테이너를 큰 메인 이미지 위쪽으로 재배치합니다.

  3. [선택] 도구를 사용하여 각 트리거 컨테이너의 측면 핸들을 드래그합니다. [탭 구분 패널] 위젯과 유사하게 폭을 확장하여 상단을 따라 3개의 "탭" 모음을 만듭니다.

    선택 도구를 사용하여 핸들 드래그
    테두리 상자를 드래그하여 3개의 트리거 단추 폭을 확장합니다.

  4. 세 가지 트리거 영역 각각에 필수 컨텐트를 추가합니다. 트리거 컨텐트에는 텍스트, 링크, 이미지, 사각형, 포함된 HTML 등이 포함될 수 있습니다. 예를 들어 [텍스트] 도구를 사용하여 각 트리거에 텍스트(링크 1, 링크 2 및 링크 3)를 추가할 수 있습니다.

    이제 두 번째 대상 컨텐트 영역 내부에 링크를 만듭니다.

  5. [트리거 컨테이너]를 클릭한 다음 해당하는 큰 대상 컨테이너를 선택합니다. 두 번째 대상 컨텐트 영역에 링크를 추가합니다. 그런 다음 [컨트롤] 패널의 오른쪽에 있는 [하이퍼링크] 레이블 옆의 드롭다운 목록을 클릭합니다. 연결하려는 웹 주소에 대한 링크를 추가합니다.

  6. [파일] > [브라우저에서 페이지 미리 보기]를 선택하여 [컴포지션] 위젯이 어떻게 표시되는지 테스트합니다.
    [링크 1], [링크 2] 및 [링크 3] 레이블의 트리거 컨테이너를 클릭하여 위젯과 상호 작용합니다.

    기본적으로 대상 컨테이너는 항상 표시되고 숨겨지지 않습니다. 3개의 트리거 단추를 번갈아 클릭하여 해당하는 대상 컨테이너를 표시할 수 있지만 3개의 대상 컨테이너 중 하나는 항상 표시됩니다.

  7. [롤아웃 시 숨기기] 설정을 구성하려면 [컴포지션] 위젯을 선택합니다. 파란색 화살표를 클릭하여 [옵션] 패널에 액세스하고 위젯의 구성 옵션을 편집합니다.

    다음 설정이 활성화되어 있는지 확인합니다.

    • 위치: 스택(기본값)
    • 대상 표시: 롤오버 시
    • 대상 숨기기: 트리거 및 대상 롤아웃 시
    • 전환: 서서히 사라짐(기본값)
    • 전환 속도: 0.5초(기본값)
    • 자동 재생: 비활성화됨(기본값)
    • 셔플: 비활성화됨(기본값)
    • 처음에는 모두 숨기기: 활성화됨
    컴포지션 옵션 패널
    위젯 동작 방식을 제어하려면 [옵션] 패널의 설정을 업데이트하십시오.

    숨기기/표시 기능을 제어하는 주요 설정은 [대상 표시] 메뉴, [대상 숨기기] 메뉴 및 [처음에는 모두 숨기기] 옵션을 활성화하는 것입니다.

  8. [파일] > [브라우저에서 페이지 미리 보기]를 선택하여 위젯에 대한 최근 변경 사항을 테스트합니다.

    이제 컴포지션 위젯이 처음으로 로드될 때 모든 대상 영역이 기본적으로 숨겨집니다.

    다시 위젯과 상호 작용합니다. 트리거 영역으로 커서를 가져가면 해당하는 대상 영역이 표시됩니다. 커서가 위젯 영역 내에 그대로 있는 경우 대상 영역 내에서 컨텐트와 상호 작용할 수 있습니다(가운데 대상 컨테이너에서 웹 사이트에 대한 링크 클릭 등).

    하지만 트리거 또는 대상 영역에서 벗어나 커서를 이동할 경우 다시 다른 트리거 영역으로 커서를 가져갈 때까지 대상 영역이 숨겨집니다.

    이 기능을 통해 방문자의 마우스 이동에 반응하는 더욱 복잡한 대화형 사이트 탐색을 설정할 수 있습니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책