使用jQuery将文本分解为随机位置 [英] Literally explode text apart to random places with jQuery

问题描述

有一些jQuery示例，如何破坏文本，如下所示：

There are some jQuery examples, how to implode a text, like this one:

http://jsfiddle.net/doktormolle/dNXVx/

我该如何反过来？

我想将span元素中的字母分解为随机位置。

I want to explode the letters from a span element to random places.

推荐答案

function fx(o) {
  var $o = $(o);

  $o.html($o.text().replace(/([\S])/g, "<span>$1</span>"));
  $o.css("position", "relative");
  $("span", $o).each(function(i) {
    var newTop = Math.floor(Math.random()*500)*((i%2)?1:-1);
    var newLeft = Math.floor(Math.random()*500)*((i%2)?1:-1);

    $(this).css({position: "relative",
      opacity: 1,
      fontSize: 12,
      top: 0,
      left: 0
    }).animate({
      opacity: 0,
      fontSize: 84,
      top: newTop,
      left:newLeft
    },1000);
  });
}​

您可以在http://jsfiddle.net/dNXVx/37/

这篇关于使用jQuery将文本分解为随机位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！