javascript - 字体大小的 jQuery 缩放效果

Question

我可以使用 jQuery 缩放效果(或类似的东西)来影响跨度中的字体大小吗？

该演示似乎会影响 <div> 的大小但我不确定如何根据我的需要调整它。

我在一个跨度中有一些文本:

<span class="banner"> <a href="#" >Click here now</a> </span>

我有一些 CSS:

.banner { display: none; font-size: 0.05em; }

我想做的是写一些 JS，以便在某些事件(点击事件或其他)上:

$(".some-button").click(function () {
     var elements = $(".banner");
     elements.css("display", "inherit");

     // and scale the font-size from 0.05em => 1.0em
     // over some timespan (400ms)...
});

我可以使用 Scale 或 jQuery UI 的其他方面来做到这一点吗？

Answer 1

jQuery animate() 是一个为各种 CSS 属性提供动画的函数，您可以查看更多列表 here

$(".banner").animate({fontSize: '1em'}, 400);