홈>컴퓨터이야기
logo_01.gif


TOTAL ARTICLE : 36, TOTAL PAGE : 1 / 2
구분 웹일반 | 태그-소스 | 제로보드 | 그누보드 |
태그-소스 : 이미지맵에서 롤오버 만들기
 오예    | 2011·07·31 16:37 | HIT : 1,479 | VOTE : 45
<img src=이미지명.jpg name=이미지네임(영어로) width=87 height=87 border=0 useMap=#button>
<map name=button>
<area onmouseover="if(document.images) ddalchi.src='top_2.gif'" onmouseout="if(document.images) ddalchi.src='top_1.gif'" shape=CIRCLE coords=43,43,43 href="http://www.ddalchi.co.kr/">
</map>

--------------------------------------------------------------------------------------

㉠ name=ddalchi   : 이미지이름명
㉡ useMap=#button   : 맵기능이름명
㉢ onmouseover="if(document.images) ddalchi.src='top_2.gif'"   : 마우스오버="if(document.images) 이미지이름명.src='나타날이미지경로'"
㉣ onmouseout="if(document.images) ddalchi.src='top_1.gif'"   : 마우스아웃="if(document.images) 이미지이름명.src='원래이미지경로'"


<예제>
<img src="images/main_02.jpg" width="395" height="693" border="0" name="link" usemap="#ImageMap1">

<map name="ImageMap1">
<area shape="circle" coords="200, 262, 45" href="intro1.php" target="_top" onfocus='blur()' onMouseOver="if(document.images) link.src='images/mainover_02.jpg'" onmouseout="if(document.images) link.src='images/main_02.jpg'">
</map>

샬롬~
난! 자유인...
  
36 태그-소스   태그가 적용되지 않게 하는 태그  오예 18·01·10 190 16
35 태그-소스   video 태그  오예 14·06·19 741 28
34 태그-소스   플래시에 레이어창 위로 올라오게 하기  오예 11·10·04 1070 42
33 태그-소스   플래시 object태그(배경 투명)  오예 11·08·22 1317 42
태그-소스   이미지맵에서 롤오버 만들기  오예 11·07·31 1479 45
31 태그-소스   홈페이지 주소창에 로고 넣기  오예 11·05·03 2468 85
30 태그-소스   동영상 플레이어 100%,200%,전체화면 스크립트  오예 10·05·30 2766 127
29 태그-소스   레이어 팝업창  오예 10·04·13 2655 163
28 태그-소스   원하는 시간부터 재생하는 동영상 태그  오예 10·02·03 3502 179
27 태그-소스   창크기 고정 소스  오예 09·07·14 3131 196
26 태그-소스   시작페이지 등록 소스  오예 09·06·29 2607 164
25 태그-소스   즐겨찾기 추가 소스  오예 09·06·29 2511 118
24 태그-소스   이미지맵 링크 점선 없애기  오예 08·07·11 3470 229
23 태그-소스   인쇄버튼 누르면 출력하는 소스  오예 08·07·11 2066 98
22 태그-소스   링크걸린 이미지 파란색 테두리 없애기  오예 08·07·11 2272 87
21 태그-소스   문자열 관련 함수  오예 08·05·08 3000 183
20 태그-소스   div태그 줄바꿈 안되게 하는 방법  오예 07·05·03 2125 55
19 태그-소스   input type 정렬  오예 07·05·03 1866 73
18 태그-소스   D-day 구하는 자바스크립트  오예 07·03·29 2091 72
17 태그-소스   홈페이지 주소고정 하기  오예 06·12·19 2262 75
12
Copyright 1999-2020 Zeroboard / skin by GGAMBO