自己写的一个遮罩层插件

jquery.mask.js
[javascript]
(function($) { 
    $.fn.Popup = function() { 
        return $(this).live("click", function(e) { 
            var pop_id = $(this).attr('id').split(':')[1]; 
            var content = ""; 
            if ($(this).attr('url')) { 
                var pop_url = $(this).attr('url'); 
                var suffix = pop_url.substring(pop_url.lastIndexOf('.') + 1).toLowerCase(); 
                if (suffix == "jpg" || suffix == "png" || suffix == "gif") { 
                    content = "<img src=\"" + post_url + "\" width=600 height=600/>"; 
                    pop_url=""; 
                } 
            }else if ($(this).attr('content')) { 
                content = $.base64.encode($(this).attr('content')); 
            } 
            divOpen(pop_id, pop_url, content); 
            $('a.popin-close, #fade').live('click', function() { 
                $('#fade , .popin-block').fadeOut(function() { 
                    $('#fade').remove(); 
                }); 
                return false; 
            }); 
            function divOpen(pop_id, post_url, content) { 
                var suffix = post_url.substring(post_url.lastIndexOf('.') + 1).toLowerCase(); 
                if (!$('#' + pop_id).length) { 
                    if (post_url!="") { 
                        $.ajax({ 
                            url: post_url, 
                            type: 'POST', 
                            complete:  function(response) { 
                                $('body').append('<div id="' + pop_id + '" class="popin-block">' + response.responseText + '</div>'); 
                                // Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css 
                                var popWidth = '700'; 
                                // Fade in the Popup and add close button 
                                $('#' + pop_id).fadeIn().css({'width': Number(popWidth)}).prepend('<a href="#" class="popin-close"></a>'); 
 
                                var popMargTop = ($('#' + pop_id).height() + 80) / 2; 
                                var popMargLeft = ($('#' + pop_id).width() + 80) / 2; 
                                // Apply Margin to Popup 
                                $('#' + pop_id).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft}); 
                            }, 
                            dataType: 'text', 
                            data: {pop_id: pop_id} 
                        }); 
                    } else { 
                        $('body').append('<div id="' + pop_id + '" class="popin-block">' + conten

补充：web前端 , JavaScript ,

上一个：javascript实现层div的显示和隐藏效果
下一个：js实现多文件上传