JS 非CSS实现字体的阴影效果

JS 非CSS实现字体的阴影效果

filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc"); /*力度，角度，颜色 */

兼容IE用滤镜。JS也得用滤镜2011-08-02

找jquery插件吧，稳定很多，又兼容各大浏览器！很好用的哦！
(function($){
$.fn.shadow=function(options){
var opts=$.extend({},$.fn.shadow.defaults,options);
return this.each(function(index){
$.fn.shadow.show(this,opts);
});
};
$.fn.shadow.show=function(el,opts){
var OffsetLeft=$(el).offset().left;
var OffsetTop=$(el).offset().top;
for(var i=0;i<opts.slices;i++){
$(el).clone().css({
'position':'absolute',
'left':OffsetLeft+(i+1)*opts.xstep,
'top':OffsetTop+(i+1)*opts.ystep,
'margin':0,
'opacity':opts.opacity,
'zIndex':opts.zIndex
}).addClass('extra_shadow').prependTo('body');
}
};
$.fn.sdclose=function(){
$('.extra_shadow').remove();
}
$.fn.shadow.defaults={
slices:5, //复制的条数，用于增加阴影度
opacity:0.1, //透明度设置
zIndex:-1,//Z轴设置
xstep:1,//X轴增量，用于改变阴影的方向
ystep:1 //Y轴增量，用于改变阴影的方向
};
})(jQuery);

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>（引用jquery文件）
<script type="text/javascript" src="js/jquery.font.shadow.js"></script>（上面的代码是这个插件）
用这个插件吧！使用方法：

<h3 style="line-height:25px; font-size:14px;">我是sunny</h3>
<script type="text/javascript">
$(function(){
$('h3').shadow({xstep:1,ystep:1});
});
</script>2011-08-04

无能为力。。不好意思2011-08-02