jQuery 动画内联样式

标签 jquery css styles inline margin

我使用 jQuery 通过将必要的“margin-top”添加到 div 作为内联样式来垂直居中 div。

我想通过点击函数删除此内联样式,并将 div 动画设置为“margin-top: 0”。

到目前为止,我成功清除内联样式的唯一方法是......

jQuery('selector').each(function(idx,el){
    el.style.marginTop='';
});

但这会使 div 跳到顶部而不是为其设置动画。任何帮助将不胜感激

最佳答案

使用.animate()功能

jQuery('selector').animate({
    'margin-top' : 0
});

关于jQuery 动画内联样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18889504/

相关文章:

javascript - 制作 HTML 字符串的数组集

jquery - Webpack 是否足够智能,可以让 jQuery 变得更轻?

jquery - 如何隐藏滚动条但仍然可以向上/向下滚动

jquery - 切换内联样式背景色

javascript - jQuery idSelector.bind() 方法不能正常工作

c# - WPF-如何将样式应用于面板中的多个控件

javascript - jQuery 单击/切换显示/隐藏 div 面板

javascript - 基于输入上下限的随机数

html - 透明悬停背景

fonts - 如何使 iText 中的文本同时显示为粗体和斜体?