javascript – jQuery是否在两个不同的CSS类之间设置动画?

前端之家收集整理的这篇文章主要介绍了javascript – jQuery是否在两个不同的CSS类之间设置动画?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图了解jQuery动画是如何工作的.

例如,如果我有一个带有CSS的元素,使其看起来像一个可点击的图像,并且在CSS中给定了一个高度和高度,我该如何安全地为该元素的宽度和高度设置动画?

我是否需要为CSS类中的值设置动画?或者我是否需要设置一个带有宽度和高度目标值的新CSS类,让jQuery从oldClass动画到newClass?

或者我可以简单地使用jQuery的.width()和.height()方法,无论CSS中指定了什么值?

令我困惑的是:如果我使用jQuery调整元素的宽度,这是否也会修改我的CSS,或者jQuery / JavaScript是否只是用其他东西覆盖CSS中的指定值?我的意思是:在使用jQuery编辑宽度之后,这个宽度是否也成为CSS文件中的新值?我可以将此类应用于其他元素,它们将具有新的宽度吗?

解决方法

它将覆盖内联风格.

我现在将展示一个顶部版本,左边是动画,但你可以将它应用于几乎所有的CSS属性.

HTML

<span id="test">blablabla</span>

CSS

span{
    position:absolute;
    display:block;
    height:50px;
    width:50px;
}

jQuery的

$('#test').animate({top:'100px',left:'50px'},500);

fiddle

猜你在找的jQuery相关文章