이 문서의 예에서는 JS CSS를 구현하여 선택한 셀을 들여쓰기하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.
JS CSS 구현은 선택한 셀을 들여쓰기하여 표시할 수 있습니다
<스타일>
td{커서:손;글꼴 크기:12px}
.click{border-top:1px solid #0033CC;border-bottom:1px solid #DDEEFF;border-left:1px solid #0033CC;border-right:1px solid #DDEEFF;padding-top:5px;padding-bottom:3px ;패딩-왼쪽:5px;패딩-오른쪽:3px;}
.hover{border-top:1px solid #DDEEFF;border-bottom:1px solid #0033CC;border-left:1px solid #DDEEFF;border-right:1px solid #0033CC;padding:4px;}
.normal{테두리:1px 솔리드 #FFFFFF;패딩:4px;}
함수 오버버튼(){
if(src=event.srcElement)
if(src.className=="normal"){
src.className='hover';
}
}
함수 출력버튼(){
if(src=event.srcElement)
if(src.className=="hover"){
src.className='normal';
}
}
함수 clickbutton(){
if(src=event.srcElement)
if(src.className=="hover"){
var 세포=document.all.button.rows[0].cells;
for (i=0;i
{cells[i].className="normal";
}
src.className='클릭';
}
}
document.onmouseover=오버버튼
document.onmouseout=아웃버튼
document.onclick=클릭버튼
데일리 뉴스 |
주간 보고서 |
월간 보고서 |
분기별 보고서 |
일별 보고서 |
주간 보고서 |
월간 보고서 |
분기별 보고서 |
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
