비디오: [어도비] 드림위버 CS6에서 CSS 전환 효과 만들기 2025
시원한 효과와 상호 작용을 추가하려면, Adobe Dreamweaver CS6 비헤이비어에서 는 페이지의 거의 모든 요소에 적용 할 수있는 바로 사용할 수있는 스크립트 모음입니다. DIV 또는 기타 컨테이너와 함께 사용하면 비헤이비어가 특수 효과 또는 마우스 상호 작용 (예: 클릭 및 롤오버)으로 페이지를 더욱 흥미롭게 만들 수 있습니다.
비헤이비어 패널에는 페이드 / 어쿠스틱, 축소, 하이라이트, 슬라이드 등과 같은 완전히 새로운 효과 집합이 있습니다.이 모든 효과는 사용자가 생성 한 AP div에 적용 할 수 있습니다.
->다음 단계에 따라 비헤이비어를 추가 할 수 있습니다.
-
창 → 비헤이비어를 선택하여 비헤이비어 패널을 엽니 다.
-
AP 요소 패널을 사용하여 DIV를 선택하거나 페이지에서 직접 요소를 선택하십시오.
-
비헤이비어 패널에서 더하기 기호를 클릭합니다.
사용 가능한 동작 메뉴가 나타납니다.
-
메뉴에서 적용 할 행동을 선택하십시오.
예를 들어, 페이드 효과를 적용하려면 효과 → 표시 / 페이드를 선택하십시오.
Appear / Fade 대화 상자가 열립니다.
-
효과가 페이드로 설정되었는지 확인하고 전환 효과 확인란을 선택하여 두 번째 클릭 할 때 상자가 다시 나타나는지 확인합니다. 그런 다음 확인을 클릭하십시오.
동작이 목록에 추가됩니다. onClick을 왼쪽으로 지정하면 상자를 클릭 할 때이 동작이 발생 함을 나타냅니다.
-> -
파일 → 저장을 선택하여 페이지를 저장하십시오.
효과를 보려면 브라우저에서 페이지를 미리 봅니다.
-
파일 -> 브라우저에서 미리보기를 선택하고 브라우저를 선택하여 페이지를 시작하십시오.
페이지를 테스트 할 때 상자를 클릭하면 상자가 사라지거나 다시 나타납니다. 재미있게 놀고 대화식으로 대화 할 수 있습니다.
브라우저가 스크립트 또는 ActiveX 컨트롤을 실행하지 못하도록 웹 페이지를 제한하는 경우 브라우저 창 상단의 메시지를 클릭하고 차단 된 콘텐츠 허용을 선택하여 새 동작을 적절하게 테스트합니다.
효과 비헤이비어를 사용하는 경우 Dreamweaver는 영향을 줄 수있는 여러 파일을 로컬 사이트에 복사해야합니다.
