当前位置: 代码迷 >> JavaScript >> 帮忙看上这个jQuery小插件
  详细解决方案

帮忙看上这个jQuery小插件

热度:65   发布时间:2012-09-15 19:09:29.0
帮忙看下这个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());
            }
        })
    } 
  相关解决方案