关于Jquery中animate可以操作css样式属性总结

可以用 animate() 方法来操作所有 CSS 属性吗？

是的，几乎可以！不过，需要记住一件重要的事情：当使用 animate() 时，

必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft

而不是 padding-left ，使用 marginRight 而不是 margin-right ，等等。

 

 

css中的不是所有属性都可以用Jquery动画（animate函数）来动态改变，下面总结了JQ可以操作元素的一些属性：

    * backgroundPosition
    * borderWidth
    * borderBottomWidth
    * borderLeftWidth
    * borderRightWidth
    * borderTopWidth
    * borderSpacing
    * margin
    * marginBottom
    * marginLeft
    * marginRight
    * marginTop
    * outlineWidth
    * padding
    * paddingBottom
    * paddingLeft
    * paddingRight
    * paddingTop
    * height
    * width
    * maxHeight
    * maxWidth
    * minHeight
    * maxWidth
    * font
    * fontSize（在animate函数的css参数指定并不同于标准css属性，例如这个css标准是：font-size。同理上面很多也是这样的情况）
    * bottom
    * left
    * right
    * top
    * letterSpacing
    * wordSpacing
    * lineHeight
    * textIndent

    * opacity

记住这些可以玩动画的哦~~