• 스타일시트 클래스를 자바스크립트에 적용하기
  • Zappy (IP: *.114.182.21)
    조회 수: 8214, 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 공백이면 기본값으로 됩니다.

댓글 0

번호 제목 닉네임 조회  등록일 
44 [레벨:18]Zappy 46838 2011-11-28
43 [레벨:18]Zappy 14182 2010-06-26
42 Zappy 10087 2010-01-27
41 Zappy 13817 2008-02-19
40 Zappy 19544 2007-07-08
39 Zappy 10251 2006-07-31
38 Zappy 20439 2006-07-29
37
CSS
Zappy 28276 2006-07-29
36 Zappy 11881 2006-05-02
35 Zappy 10961 2006-01-26
XE Login