Question

我道歉，我知道必须有一些简单的解决方案，但我没有找到任何解决方案。

现在，我正在使用这种简单的技术将网页上的字体作为动画进行交换。问题是只有最新版本的Chrome似乎知道我想要做什么。或许在jQuery中有替代方案吗？

   @keyframes switch {
0%   {font-family: Comic Sans;}
50%  {font-family: Arial;}
100% {font-family: Comic Sans;} }

Answer 1

以下是jQuery中关键帧动画的快速演绎。

＆＃13;

var $switcher = $('#switcher');

function switcher() {
  $switcher.toggleClass('arial comicsans');
}

setInterval(switcher, 1000);

＆＃13;

.arial { font-family: Arial; }
.comicsans { font-family: Comic Sans'; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="switcher" class="arial">This is a test</div>

＆＃13;