'개발관련/Javascript'에 해당되는 글 65건

  1. 2012.03.06 [자바스크립트]롤오버 기능 2

// 페이지 로드 이벤트 잡기
window.onload = Page_Load;
function Page_Load() {
    // 이미지만 검색
    for (var i = 0; i < document.images.length; i++) {
        // 부모가 'A'인 이미지만 필터링
        if (document.images[i].parentNode.tagName == "A") {
            // 롤오버 기능 구현
            SetImgRollover(document.images[i]);
        }
    }
}
function SetImgRollover(img) {
    // 마우스 오버
    img.MouseOverImg = new Image(); // 이미지 개체 생성
    img.MouseOverImg.src = "Icons/" + img.id + "_over.gif"; 
    img.onmouseover = MouseOverHandler;

    // 마우스 아웃
    img.MouseOutImg = new Image(); // 이미지 개체 생성
    img.MouseOutImg.src = img.src;
    img.onmouseout = function () { this.src = this.MouseOutImg.src; }; // 무명 함수(메서드)

    // 마우스 클릭
    img.MouseClickImg = new Image(); // 이미지 개체 생성
    img.MouseClickImg.src = "Icons/sendicon.gif";
    img.onmousedown = function () { this.src = this.MouseClickImg.src; };
}
// 이벤트 처리기
function MouseOverHandler() {
    this.src = this.MouseOverImg.src; 
}

    
    
    
Posted by 파노카페
: