使用 jQuery 的 animate() 方法,我们可以为元素添加不同的 CSS 动画。这是用于在 jQuery 中操作 HTML 元素和添加动画功能的强大方法之一。当我们在 animate()方法中更改 CSS 样式时,就会创建动画效果。
要使用相对值更改元素的左侧或右侧或顶部或底部,我们在 CSS 属性中使用 +=value 或 -=value,以便将当前位置的值更改为相对的相对增量或减量使用 CSS 属性中给定的值移动到当前位置。
语法:使用 animate() 方法
$('selector').animate('direction'+='relative_value', other_parameters);
或者
$('selector').animate('direction'-='relative_value', other_parameters);
CSS() 方法也可以通过使用以下语法直接使用:
句法:
$('selector').css('direction'+='relative_value', 'property':'value');
或者
$('selector').css('direction'-='relative_value', 'property':'value');
例子:
HTML
GeeksforGeeks
输出: