aLavaLamp 입니다. [수정완료]

OPTION

easing 옵션이 linear, swing외 다른 것을 사용할 경우 jQuery UI의 effect만 있으면 됩니다. 또는 첨부된 "jquery.easing.aequum.fix.min.js" 파일을 대신 사용하면 됩니다. 필요 없을 경우 빼면 됩니다.

/* option 기본값 */
    var option = { /* default */
        easing : "linear",
        duration : 750,
        callback : undefined
    };

사용 방법

    // lavaSample 의 id를 가진 것을 변형함 (일반적인 jQuery Selector와 같음 2개 이상 적용 가능)
    $("#lavaSample").aLavaLamp(); 

    // Easing옵션은 문자열, duration은 Number 자료형, callback은 함수형 (순서에 상관X, by 자료형)
    $("#lavaSample").aLavaLamp("Easing옵션", duration, callback ); 

    $("#lavaSample").aLavaLamp({
        easing   : "linear",
        duration : 750,
        callback : function() {
            alert('hi'); 
        }
    }); 

스타일 변경 방법

• 높이는 float 속성 때문에 직접 변경시 맞게 다시 입력하여 설정해야 합니다.
• 또한 해당 aLavaLamp를 적용한 ul 다음에 나오는 블록 요소 등은 이전 float 속성 때문에 clear:left를 사용하는 것이 레이아웃에 이상을 주지 않아 좋습니다.
• 메뉴 항목은 높이 변경은 "ul.aLavaLamp li a "의 line-height로 변경하세요.

테스트 완료

• IE6, IE7, IE8, IE9 with Standard Mode
• IE6, IE7, IE8, IE9 with Quirk Mode
• Netscape Navigator 9
• Firefox9, Chrome16, Opera11, Safari5