(예시를 위에 구글에서 아무,144;나 쳐서 가1256;온 사1652;)
1228;가 홈6168;1060;1648;를 1228;1089;Ȣ16;고 1080;lj16;데 Ƽ17;금한1216;1060; 생겨서 1060;/111;,172; 글1012; 올립니다.
1200;런식1004;/196; Ǻ12;떠한 사1652;1012; 올/160;1012;ǐ12; (예시를 오토0148;1060;/196; 들,192;습니다.)
1200;/111;,172; 0148;퀴에 마우스를 올리면 해NJ17; ǥ12;ǥ16;위에 테.160;리가 ጉ1;나,172; Ȣ16;고dz10;습니다..
1060;,172; 사1652;1060; 사각형1064;ᅆ1;우 마우스 오버해서 오버 1060;벤트를 1452;면 .104;lj16;데..
곡선, 원 1060;런,172; 포함.104;니까 Ǻ12;찌해야할1648; 감1060; 안1105;7193;니다.. ㅠㅠ
그 위에 바퀴만 있는 이미지를 똑같은 위치에 하나를 더 올려놓고 그 이미지에 mouse over 이벤트를 걸어 놓으면 되겠지요..
어차피 색깔이 바뀐다면 바퀴 부분바뀌는 것이니 그 이미지에 border를 줘도 되고, 이미지를 교체해도 되고요..
image map의 경우 shape=circle로 두면 되긴 하지만 이건 클릭이 있을 때 이벤트가 발생을 하니까 이 상황에 적용을 하긴 그렇고요..
바퀴부분만 일반 이미지와 백그라운드 후광이 있는 이미지 2장으로 Mouseover 이벤트를 활용하면 되겠네요.
저는 배경을 투명으로 날리고 css를 입힙니다.
이미지 div 넣고 포지션 absolute 한다음 img 넣고
바퀴 영역 div 넣고 포지션 absolute 넣어서 bottom , right 넣은 다음 영역 지정하고
css 에서 마우스 오버시 div 영역을 라운드처리 하거나 애니메이션 처리하면 됩니다.
현재까지 애니메이션은 키프레임 어쩌고 하는걸로 쓰는거로 알고있네요
아니라면 이미지맵 이라고 치면 나올꺼에요 이걸 이용해도 될겁니다.