jQuery | javascript | CSS
04.JavaScript - 태그내에 자바스크립트 정의
Godffs
2009. 7. 30. 16:59
반응형
태그내에 자바스크립트 정의 하는 예제 입니다.
기본 <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반응형