jQuery fadeIn.css()？

如何使.css()属性fadeIn？
页数： http://arnoldsktm.zxq.net/

$(document).ready(function(){
        $('#1,#2,#3,#4').hide();
        $('#1').fadeIn(1000,function(){
            $('#2').fadeIn(500,function(){
                $('#3').fadeIn(1000,function(){
                    $('#4').fadeIn(1000,function(){
                        $('#4').css({
                            'text-shadow':'0px 0px 10px red','text-decoration':'underline'
                        });
                    });
                });
            });
        });
    });

这个$(​​’#4′).css({});

http://jsfiddle.net/F9xkS/2

解决方法

jQuery不能为每个 its documentation设置非数字值的动画.您可以尝试.animate而不是.css,但我怀疑它不适用于这些.

相反,你最好依靠CSS3过渡并只添加一个类：

#4 {
    -webkit-transition: text-shadow 1s;
    transition: text-shadow 1s;
}
#4.shown {
    text-shadow: 0px 0px 10px red;
    text-decoration: underline;
}

$("#4").fadeIn(... function () { $(this).addClass('shown');

请注意,文本修饰是not an animatable property.为下划线设置动画是没有意义的.相反,也许你可以提前强调它,因此下划线也会消失.