드림위버는 데뷔 이후 사용하기 쉽고 강력한 '비헤이비어'는 모두가 주목하는 핫스팟 중 하나였다. Dreamweaver MX(DW MX)에서는 이 기능이 확장 및 개선되었습니다.
DW MX에서 행위(Behavior)는 이벤트(Event)에 대한 응답으로 취해지는 동작(Action)을 의미한다. 이벤트는 창 새로 고침, 마우스 이동 등과 같은 브라우저 이벤트를 나타냅니다. 액션은 백그라운드에서 이벤트에 응답하고 소리 재생, 그림 뒤집기 등과 같은 해당 작업을 완료할 수 있는 JavaScript 코드를 나타냅니다.
DW MX를 사용하여 탐색 드롭다운 메뉴를 만드는 것은 웹 페이지에서 자주 사용되는 특수 효과 중 하나입니다. (그림 1) DW MX에서는 주로 "레이어 표시-숨기기" 동작을 사용합니다.
그림 1
먼저 탐색 모음(그림 1의 "제품 센터" 열)을 만든 다음 드롭다운 메뉴가 표시될 위치로 레이어를 추가하고 드롭다운 메뉴의 해당 열을 채웁니다.
그런 다음 "동작" 패널을 열고 "제품 센터" 링크를 선택하고(지금은 새로 생성된 레이어를 선택할 수 없습니다. 그렇지 않으면 "레이어 표시-숨기기" 동작을 적용할 수 없습니다) "+" 기호를 클릭합니다. 을 클릭하고 "Show-Hide Layers"를 선택하면 방금 생성한 레이어가 선택 항목에 포함되어 숨기거나 표시하도록 설정할 수 있음을 알 수 있습니다(그림 2).
그림 2
동작의 멋진 사용은 주로 다음에 반영됩니다. 드롭다운 메뉴를 구현하려면 마우스가 "제품 센터" 링크 위로 이동할 때 레이어가 표시되도록 하고 마우스가 떠날 때 레이어를 숨기는 것이 중요합니다. 링크. 이 아이디어를 바탕으로 먼저 이 레이어에 두 개의 작업을 설정했습니다. 하나는 숨기기를 선택하고 다른 하나는 표시를 선택합니다. 그런 다음 이벤트를 조정하고 레이어 숨기기 이벤트를 OnMouseOut으로 설정합니다. 이는 마우스가 링크를 떠나는 것을 의미하고 레이어 표시 이벤트를 OnMouseOver로 설정합니다. 이는 마우스가 링크를 선택한다는 의미입니다. "F12"를 눌러 미리 보면 예상되는 효과를 볼 수 있습니다.
이러한 방식으로 우리가 일반적으로 신비롭게 생각하는 탐색 드롭다운 메뉴를 동작에서 쉽게 구현할 수 있습니다. 마우스가 링크를 클릭할 때 이미지 반전 효과를 얻기 위해 탐색 링크에 "이미지 교체" 동작을 계속 적용할 수도 있습니다.
동작은 고립된 특수 효과가 아닙니다. 여러 동작을 결합하고 겹쳐서 DW MX에서 설정한 기본 동작 외에도 www.mcromedia.com에서 더 멋진 타사 동작을 다운로드할 수도 있습니다. DW MX의 이 빛나는 포인트를 더욱 눈부시게 만들려면 DreamweaverMXConfigurationBehaviorsActions 디렉토리에 직접 복사하기만 하면 됩니다.