Made By ToFishes~

打包下载链接:jCover-tofishes-1.0.zip

目前用比较精简的代码实现blockUI那样的效果

这个是id为jcover的div元素,用来演示元素锁定。

添加一个select元素测试IE6下的效果:

select下面的文字

全屏锁 锁定id为jcover的元素 元素锁并加一些提示

3秒后自动解锁,等不及可以刷新页面 ^_^

调用的代码:
    var timeId;
    var cover = {
        full: function(){

            $.jCover(); //锁全屏


            setTimeout(function(){
                $.jUnCover(); //解锁
            }, 3000); //3秒后解除全屏锁
        },
        element: function(){
            if(timeId)
                clearTimeout(timeId);


            $("#jcover").jCover({
                cache: false //需要关闭缓存,因为同一个元素将使用不同的提示
            }); //锁定id为jcover的元素


            timeId = setTimeout(function(){
                $("#jcover").jUnCover(); //解锁
            }, 3000); //3秒后解除id为jcover元素的锁
        },
        msg: function(){
            if(timeId)
                clearTimeout(timeId);


            $("#jcover").jCover({
                msg: "界面锁定中,3秒后自动解锁,请稍等",
                msgCss: {
                    background:"#f60",
                    padding:"10px",
                    left: 100,
                    top:100
                },
                cache: false //需要关闭缓存,因为同一个元素将使用不同的提示             
            }); //锁定id为jcover的元素


            timeId = setTimeout(function(){
                $("#jcover").jUnCover(); //解锁
            }, 3000); //3秒后解除id为jcover元素的锁
        }
    };
    
    $("#trigger a").click(function(){
        var key = $(this).attr("name");
        cover[key]();
    });