본문 바로가기

javascript

모든 문단, 테이블, 객체에 롤오버 효과를 넣자

□ IE 4.x 이상

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<SCRIPT>

// rollover-color
var color_onmouseover="yellow"  // #FFFF00 처럼 HEX 코드도 가능합니다

var obj    
var color_onmouseout

if (document.all) {
    document.onmouseover=showmouseovercolor;
    document.onmouseout=showmouseoutcolor;
}

function showmouseovercolor() {
        obj=event.srcElement
    if (obj.tagName!='BODY') {
                color_onmouseout=obj.style.backgroundColor
                obj.style.backgroundColor=color_onmouseover
        }                                                                
}

function showmouseoutcolor() {
        obj=event.srcElement
    if (obj.tagName!='BODY') {
                obj.style.backgroundColor=color_onmouseout
        }
}
</script>