반응형

먼저 html태그에 onmouseover와 onmouseout를 이용하면 롤오버이미지를 사용할 수 있다.
예를 들어
<img src="a.gif" onmouseover="this.src='a_over.gif'" onmouseout="this.src='a.gif'" alt="" />
이렇게 사용하면 마우스롤오버가 적용된다.

asp.net에서 서버컨트롤 imageButton을 사용하게 되면 롤오버를 적용시키기 힘들었다.
전용 컴포넌트를 만들어야했는데 만드는 방법이 도통이해가 되지 않아 내심 포기중이었는데
곰곰히 생각해보니 asp:서버컨트롤도 결국 클라이언트에 html태그로 뿌려주는 것이니
서버컨트롤에도 html태그에 대응되는 속성이 있으리라 짐작했다.
해서 인터넷을 검색해보니 관련 자료를 찾을 수 있었다.

imageButton1.Attributes["onmouseout"] = "this.src='../images/bt_ok.gif'";
imageButton1.Attributes["onmouseover"] = "this.src='../images/bt_ok_over.gif'";

이렇게 적용(Page_Load시에)하니  롤오버에 대응한다.
그런데 아무래도 서버컨트롤이라서 그런지 일반 html태그보다는 반응이 약간 느린 것 같다.
아마도... 롤오버관련된 이벤트들을 일일이 서버로 전송하게되는 것은 아닐지 짐작해본다.

+ Recent posts