Jquery按钮文本效果

Question

是否有按钮内的动画文字？我想实现文字效果。这是我的代码。

$(function () {
    var string = "Shop Now";
    var q = jQuery.map(string.split(''), function (letter) {
        return $('<span>' + letter + '</span>');
    });

    var dest = $('#fadeIn');

    var c = 0;
    var i = setInterval(function () {
        q[c].appendTo(dest).hide().fadeIn(100);
        c += 1;
        if (c >= q.length) clearInterval(i);
    }, 30);
});

这是我的button code，我想实现这种效果。有没有办法动画文字按钮效果？。

Answer 1

我现在更新了你的小提琴检查： http://jsfiddle.net/JeekOnline/veDY6/31/

  <button class="btn btn-primary" type="button"><div id="fadeIn">  </div></button>
  </div>