ondetach 이벤트 예제 CSS2 규격 목록

behavior 비헤이버 첨부로 각 항목에 마우스를 올리면 하이라이트가 적용된다

<SCRIPT>
function attachBehavior(){
  document.styleSheets[1].rules[0].style.behavior= 'url(../../public/hilite.htc)';
  butattach.disabled=true;
  butdetach.disabled=false;
}
function detachBehavior(){
  document.styleSheets[1].rules[0].style.behavior= '';
  butattach.disabled=false;
  butdetach.disabled=true;
}
</SCRIPT>
<STYLE>
UL LI { behavior:url(../../public/hilite.htc);line-height:1.3em;}
.code { font-size:9pt;color:026;font-family:굴림;background:#dff;border:solid 1 #aea;}
.method { background:#ffeeee;color:#a42;padding-left:3px;padding-right:3px;font-weight:bold;}
</STYLE>
</HEAD>

<BODY>

<UL>
<LI>CSS2 규격에 대하여
<LI>CSS2 규격의 소개
<LI>부합성: 필요사항과 추천사항
<LI>CSS2 문법과 기본 데이터 타입
<LI>선택자(selector)
<LI>속성값 설정, 카스케이딩, 속성 전달
<LI>메디아(media) 타입
<LI>박스 모델(box model)
<LI>보이는 양식화 모델
<LI>보이는 양식화 모델 상세
<LI>보이는 효과
<LI>생성된 내용, 자동 번호 넣기와 목록
<LI>페이지화된 메디아
<LI>색상과 배경
<LI>글꼴
<LI>텍스트
<LI>테이블(table)
<LI>사용자 인터페이스(User interface)
<LI>음성 스타일쉬트
<LI>부록 A. HTML 4를 위한 스타일쉬트 견본
<LI>부록 B. CSS1으로부터의 변화
<LI>부록 C. 글꼴에 대한 적용과 성능 주석
<LI>부록 D. CSS2의 분법
<LI>부록 E. 참조
<LI>부록 F. 속성 색인
<LI>부록 G. 설명자(descriptor) 색인
<LI>부록 H. 색인
</UL>
<BUTTON id=butdetach onclick="detachBehavior()">비헤이버 제거</BUTTON>
<BUTTON id=butattach onclick="attachBehavior()">비헤이버 첨부</BUTTON>
<SCRIPT>butattach.disabled=true;</SCRIPT>
</BODY>
</HTML>



../public/hilite.htc
<PUBLIC:ATTACH EVENT="onmouseover" onevent="Hilite()" />
<PUBLIC:ATTACH EVENT="onmouseout"  onevent="Restore()"  />

<SCRIPT language="JScript">
var normalColor;

function Hilite(){
  normalColor=currentStyle.color;
  runtimeStyle.color='red';
  runtimeStyle.backgroundColor='#ffffee';
  runtimeStyle.border='solid 1 red';
  runtimeStyle.lineHeight='1.2em';
}

function Restore(){
  runtimeStyle.color=normalColor;
  runtimeStyle.backgroundColor='';
  runtimeStyle.border='dotted 1 silver';
  runtimeStyle.lineHeight='1.2em';
}
</SCRIPT>
</PUBLIC:COMPONENT>