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

时间：2024-06-09 13:04:26
可以用 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

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

本文转自：http://blog.****.net/goodshot/article/details/8648706

相关文章