>  기사  >  웹 프론트엔드  >  마우스가 테이블rows_javascript 기술을 통과할 때 색상 변경을 달성하는 js 메소드

마우스가 테이블rows_javascript 기술을 통과할 때 색상 변경을 달성하는 js 메소드

WBOY
WBOY원래의
2016-05-16 15:59:391182검색

이 기사의 예에서는 js를 사용하여 마우스가 테이블 행 위로 지나갈 때 테이블 행의 색상을 변경하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

<script type=text/javascript>
<!--
(function(){
 var rows = document.getElementById("listdata");
 var add = function(){
 this.style.backgroundColor="#f3f3f1";
 };
 var del = function(){
 this.style.backgroundColor="#fff";
 };
 for(var m=rows.firstChild;m!=null;m=m.nextSibling){
 m.onmouseover = add;
 m.onmouseout = del;
 }
})();
-->
</script>

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.