jquery.blockUI.js 사용 샘플

* 목적

html 에서 전체 화면을 blocking 하고 메시지 를 표시하는 jquery plugin 테스트

* 내용

    var fn_blockEnd=function() {

        $.unblockUI();

    };

    

    $(document).ready(function() {

        $('#btnStart').click(function() {

            $.blockUI({overlayCSS:{backgroundColor:'#88f'} });

            setTimeout(fn_blockEnd, 5000);

        });

    });

message 변경

blockUI({message:'<h1>test</h1>', overlayCSS:{backgroundColor:'#88f'}});

* 참고url

http://www.malsup.com/jquery/block/

JQUERYBLOCKUITEST.war