JS 처리 양식
1. 라인 색상 간격 디스플레이
CSS 스타일 : 2 개의 선택기
코드 사본은 다음과 같습니다.
<스타일 유형 = "텍스트/CSS">
.하나{
배경색 :#33FFCC;
}
.둘{
Backgound-Color :#ffff66;
}
</스타일>
<script type = "text/javaScript">
기능 trcolor ()
// 제어 인터벌 라인의 색상이 다르게 표시됩니다.
{
var tabnode = document.getElementsByTagName ( "테이블") [0];
// 테이블 노드를 가져옵니다
var trs = tabnode.rows;
// 테이블에서 모든 행을 가져옵니다
for (var x = 1; x <trs.length; x ++)
{
if (x%2 == 1)
trs [x] .classname = "one";
또 다른
trs [x] .classname = "Two";
}
}
// 웹 페이지가로드 된 후 Onload 메소드를 사용하여 Trcolor 메소드를 실행하여 테이블의 간격 행의 색상을 실현하십시오.
Window.onload = function ()
{
trcolor ();
}
</스크립트>
2. 마우스를 특정 선으로 옮기고 선을 바꾸고 색상을 밝게 한 다음 원래 색상을 복원하기 위해 멀리 이동하십시오.
코드 사본은 다음과 같습니다.
<스타일 유형 = "텍스트/CSS">
.위에{
배경색 : ## 00ff00;
}
<스타일>
<script type = "text/javaScript">
var 이름;
기능 trmouse ()
{
var tabnode = document.getEletsByTagName ( "테이블") [0];
// for 루프를 통해 각 tr 태그에 onMouseOver 및 OnMouseOut 속성을 추가하십시오.
for (var x = 0; x <trs [x] .length; x ++)
{
trs [x] .onmouseover = function ()
{
이름 = this.className;
this.className = "Over";
}
tes [x] .onmouseout = function ()
{
this.className = 이름;
}
}
}
</스크립트>