반응형
태그내에 자바스크립트 정의 하는 예제 입니다.
기본 <HTML>에 버튼 모양위에 마우스 포인터가 올라가면 색상이 바뀌고,
마우스 포인터가 버튼 밖으로 나가면 원래 색으로 돌아오도록 하는 예제입니다.
<input type="button" value="버튼" style="background-color:Yellow;
border:solid 1px red; height: 100px; width: 100px;"
onclick="window.alert('클릭');"
onmouseover="this.style.backgroundColor='green';"
onmouseout="this.style.backgroundColor='Yellow';" />
기본 <HTML>에 버튼 모양위에 마우스 포인터가 올라가면 색상이 바뀌고,
마우스 포인터가 버튼 밖으로 나가면 원래 색으로 돌아오도록 하는 예제입니다.
<input type="button" value="버튼" style="background-color:Yellow;
border:solid 1px red; height: 100px; width: 100px;"
onclick="window.alert('클릭');"
onmouseover="this.style.backgroundColor='green';"
onmouseout="this.style.backgroundColor='Yellow';" />
<input>에 JavaScript 언어 사용, On이 앞에 붙은 속성은 JavaScript 명령어입니다.
onclick="윈도우 메세지 박스를 나타냄"
onmouseover="마우스가 해당 영역에 들어 왔을때의 스타일 지정"
onmouseout="마우스가 해당 영역에서 나갔을때의 스타일 지정"
한번 확인해보세요.onclick="윈도우 메세지 박스를 나타냄"
onmouseover="마우스가 해당 영역에 들어 왔을때의 스타일 지정"
onmouseout="마우스가 해당 영역에서 나갔을때의 스타일 지정"
04.태그내에자바스크립트정의.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 06.JavaScript - 객체, 속성, 메서드, 이벤트 사용 (0) | 2009.07.30 |
|---|---|
| 05.JavaScript - 자바스크립트 작성시 주의사항 (0) | 2009.07.30 |
| 03.JavaScript - 자바스크립트 코드 분리 (0) | 2009.07.30 |
| 02.JavaScript - 자바스크립트 입력 (0) | 2009.07.30 |
| 01.JavaScript - 자바스크립트 시작 (0) | 2009.07.30 |
Comments