롤오버 버튼 만들기

버튼 이미지에 마우스를 올려놓으니까 다른 이미지로 바뀌는 것을 많이 봤을 것이다.
이것이 바로 롤오버 버튼이다. 아마도 롤오버 버튼이 없는 홀피는 거의 없을 것이다.
처음 보는 이들은 신기하기만하다. 하지만 알고 보면 무지 쉽다.

1. 우선 이미지가 2개 필요하다.

	이벤트가 주어지질 않았을 때(마우스를 올려놓지 않았을때)의 이미지 하나.
	이벤트가 주어졌을 때(마우스를 올려놓았을때)의 이미지 하나

2. 이미지를 준비했다면 오브젝트 도구상자에서 Insert Rollover Image()을 클릭한다.
그럼 다음과 같은 대화창이 뜬다.

3. Original Image 의 Browse를 클릭하여 마우스를 올려놓지 않았을때의 이미지를 선택한다.
   Rollover Image의 Browse를 클릭하여 마우스를 올려놓았을 때의 이미지를 선택한다.
  When Clicked, Go To URL에는 버튼 이미지를 클릭시 링크시킬 html문서를 지정하면 된다.

4. 이렇게 만들어 진것이 아래와 같은 효과를 보여준다.(현재 문서를 새창으로 링크시켰다)

완성된 롤오버버튼입니다. 마우스를 올려보세요, 어때요? 무지 쉽죠.

Top