javascript - 我怎样才能修复这个 JQuery 动画,让它不那么断断续续?

标签 javascript jquery html css

这个 JQuery 动画看起来很不稳定,我可以修复它吗?如果没有,我该如何使用 CSS 来实现呢?也许我使用 JQuery 来编辑 CSS?

<h1>Test</h1>

 <button onclick="anim()">Start Animation</button>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" charset="utf-8"></script>


function anim() {
    $("h1").animate({fontSize: '50px'});
}

h1 {
  font-size: 30px;
}

This is the example code

Here's the project (you can also go to j0rdan.me)

最佳答案

使用 CSS3,您可以使用过渡来设置字体大小的动画:

h1 {
  font-size: 30px;
    transition: font 1s ease;
}
h1.bigger {
    font-size:50px;
}

fiddle :https://jsfiddle.net/z6ztfgcg/3/

但对我来说,您的示例中的 javascript 看起来并不起伏不定。

关于javascript - 我怎样才能修复这个 JQuery 动画,让它不那么断断续续?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45880209/

相关文章:

javascript - 如何从 javascript 客户端 onmessage 函数发送/读取 java ByteBuffer (websocket)

jquery - 使用 jQuery 计算 div 子元素的高度

javascript - 更改 HTML 表格的字体样式?

javascript - JS 保持选择同步(无 jquery)

html - 我的 <main> 标签中的文本在我的 &lt;header&gt; 标签中,无法弄清楚如何在我的页眉和页脚之间获取它

javascript - 本地开发中的Angular2慢速自动页面刷新 - Windows

javascript - 使用 jsBin/jsFiddle/codePen 等 fiddler 读取文件

javascript - 以编程方式生成复合肖像马赛克

javascript - 如何创建javascript自动关闭elament的效果?

jquery - Jquery 选择表中的第二个单元格