使用jQuery将文本按字面顺序分解到随机位置
Literally explode text apart to random places with jQuery
有一些jQuery的例子,如何内爆文本,比如这个:
http://jsfiddle.net/doktormolle/dNXVx/
我怎样才能倒过来?
我想将跨度元素中的字母分解到随机位置。
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/
相关文章:
- ajax请求的顺序总是不同的
- 按照选项卡索引的顺序循环一个jQuery选择
- 匹配一个单词,其中候选人可以跨越顺序组(跨度)
- 按顺序添加和删除类
- 按我自己的类克隆另一个元素的内容和顺序
- Javascript-根据赋值顺序,按键合并对象数组
- 2个backbone.js集合,具有相同的模型,但排序顺序不同
- querySelector/getElementByClassName嵌套项的顺序
- 重新分解jQuery函数
- 以不同的顺序输出数据
- 重新排列HTML元素的顺序并更改内容
- 在Javascript中列出顺序子集元素
- 是否“;对于的“;循环迭代遵循JavaScript中的数组顺序
- Mongodb$in以与数组中相同的顺序获取结果
- 如何使用phonegap从安卓设备中提取联系人的字母顺序
- 在表单OnChange中交换数字顺序
- 如何按对象反转Angular ngRepeat的顺序's键,这些键是数字键
- 预保存钩子:mongoose中回调的顺序如何
- 为什么生成器中的console.log会按这样的顺序出现
- 使用jQuery将文本按字面顺序分解到随机位置