-
스타일시트 클래스를 자바스크립트에 적용하기
-
Zappy (IP: *.114.182.21)조회 수: 8199, 2005-01-12 13:35:23(2005-01-12)
-
스타일시트 부분
<style>
.input_test {
color:rgb(255,153,0); background-color:white; border-color:black; border-style:solid;
}
</style>
스타일시트를 자바스크립트로 지정하는 부분
<input type="button" value="확인" onMouseover="this.className='input_test'" onMouseout="this.className=''">
설명
자바스크립트에 스타일시트 적용시
this.className='input_test' 붉은색 부분에 스타일시트에서 지정한 input_test 클래스를 대입
this.className='' 아무것도 지정하지 않으면 기본값이 됩니다.
onMouseover시 스타일시트 지정한 속성대로 변함
onMouseout 공백이면 기본값으로 됩니다.
| 번호 | 제목 | 닉네임 | 조회 | 등록일 |
|---|---|---|---|---|
| 14 | Zappy | 12752 | 2006-01-04 | |
| 13 | Zappy | 27239 | 2006-01-04 | |
| 12 | Zappy | 10736 | 2006-01-04 | |
| 11 | Zappy | 20119 | 2006-01-21 | |
| 10 | Zappy | 10950 | 2006-01-26 | |
| 9 | Zappy | 11873 | 2006-05-02 | |
| 8 | Zappy | 28251 | 2006-07-29 | |
| 7 | Zappy | 20426 | 2006-07-29 | |
| 6 | Zappy | 10242 | 2006-07-31 | |
| 5 | Zappy | 19519 | 2007-07-08 |
