这是一个添加阴影的插件,但是当对象文字用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())
}
})
}
$.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())
}
})
}
只是这个插件只针对行内标签有效果!如果用div p之类的且居中是不行的!
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());
}
})
}试试吧