JQuery를 사용하여 테이블 행의 색상을 변경하고 현재 row_jquery를 강조 표시하는 코드
head>
;
본체{ 여백:0 자동; 글꼴 크기:12px;}
.data_list td{ 너비:100px;}
"> ;
/* 테이블 위로 마우스를 이동하면 현재 행의 배경 색상이 변경됩니다*/
$(document).ready(function(){
$(".data_list tr td ").mouseover(function (){
$(this).parent().find("td").css("Background-color","#d5f4fe");
});
})
/* 테이블 위에서 마우스를 움직이면 왼쪽 행의 배경이 복원됩니다*/
$(document).ready(function(){
$(".data_list tr td ").mouseout(function() {
var bgc = $(this).parent().attr("bg");
$(this).parent().find("td"). css("배경색", bgc);
})
})
$(document).ready(function(){
var color="#ffeab3"
$ (".data_list tr:odd td ").css("ground-color",color); //짝수 행의 배경색 변경
/* 배경색을 속성에 저장*/
$(".data_list tr:odd").attr ("bg",color)
$(".data_list tr:even").attr("bg","#fff")
} )
100 | 100 | 100 |
100 | 100 | 100|
100 td> 100 | 100||
100 | 100 | /tr>|
100 | 100