몇 가지 간단한 단계만 거치면 공간을 거의 차지하지 않는 동적 대체 이미지 버튼을 만들 수 있습니다.
효과 설명: 대체 이미지 세트를 만듭니다. 마우스가 대상 이미지 위로 이동하면 움직이는 버튼처럼 다른 이미지가 표시되며 이는 역동적이고 패셔너블합니다.
창의적인 아이디어: Dreamweaver MX 2004 소프트웨어를 열고 [삽입] [이미지 개체] [이미지 위에 마우스 올리기] 명령을 실행하거나 툴바의 드롭다운 메뉴에서 [이미지 위에 마우스 올리기] 명령을 클릭하고 필요에 따라 설정한 다음 마지막으로 파일을 저장합니다.
작업 단계
(1) Dreamweaver MX 2004 소프트웨어를 열고 새 HTML 파일을 만듭니다.
(2) 그림 1과 같이 삽입 메뉴를 클릭하고 이미지 개체를 선택한 후 이미지 위로 마우스를 이동합니다.
(3) [이미지 위에 마우스 삽입] 대화 상자를 열고 그림 2와 같이 설정한 후 이미지 파일을 선택합니다.
팁: 이미지 파일의 위치에 주의하세요. 웹 페이지 파일과 동일한 디렉터리에 있는 것이 가장 좋습니다.
(4) 단축키 Ctrl+S를 눌러 파일을 저장합니다. 이 예제 작업이 완료되었습니다. 교환버튼과 버튼특수효과를 조합하면 효과가 더 좋아집니다