日期:2014-05-16  浏览次数:20401 次

帮忙看下这个jQuery小插件。
这是一个添加阴影的插件,但是当对象文字用align 居中时,阴影却不跟着,求解。。
$.fn.shadow=function(){
return this.each(function(){
for(var i=0;i<5;i++)
{$(this).clone().css({
position:'absolute',
left:$(this).offset().left+i,
top:$(this).offset().top+i,
opacity: 0.1*i,
'z-index': -1,
margin:0
}).appendTo($(this).parent())
}

})

}

------解决方案--------------------
JScript code
    $.fn.shadow=function(){
        return this.each(function(){
            for(var i=0;i<5;i++)
            {
                $(this).clone().css({
                    position:'absolute',
                    left:$(this).offset().left+i,
                    top:$(this).offset().top+i,
                    opacity: 0.1*i,
                    textAlign:$(this).css("text-align"),
                    width:$(this).css("width"),
                    'z-index': -i
                }).appendTo($(this).parent());
            }
        })
    }