寻找一种方法,使这种JS效果适用于我的页面上的所有文本,加载
Looking for a way to make this JS effect apply to all text on my page, on load
我发现了这个小提琴(不是我),并试图找出如何改变它,而不是当文本被点击时发生的效果,效果发生在页面上的所有文本,当页面加载。谢谢!
下面是小提琴的代码:
function fx(o)
{
var $o=$(o);
$o.html($o.text().replace(/(['S])/g,'<span>$1</span>'));
$o.css('position','relative');
$('span',$o).stop().css({position:'relative',
opacity:0,
fontSize:84,
top:function(i){return Math.floor(Math.random()*500)*((i%2)?1:-1);},
left:function(i){return Math.floor(Math.random()*500)*((i%2)?1:-1);}
}).animate({opacity:1,fontSize:12,top:0,left:0},1000);
}
然后页面上有一个div:
<div style="padding:200px;"><span onlick="fx(this)">click here</span></div>
这就是加载时的问题:
JSFiddle
我是怎么得到这个工作的?
1 -给带有文本的span一个id,在本例中是xplod
2 -在$(function() { })
上调用fx("#xplod")
,与$(document).ready()
相同
相关文章:
- 我的加载更多功能适用于按钮单击,但它不适用于滚动
- jQuery 限制我正在加载/追加的字符数
- 优化 CSS 交付.但我正在加载 JS 的样式
- $(窗口).on('scroll',函数 () 当滚动到 50% 时,我想加载很少的数据
- jQuery Mobile添加了我可以加载的文本't拆卸
- 当我重新加载页面时,我放在文本框中的文本保持不变,我能让这种情况不发生吗
- 我如何加载javascript模板与他们的id
- require.js:我如何加载一个模块,它在不同的名称下定义了一个名称
- 为什么我的加载处理程序不起作用
- 我如何在网站上加载特定的字体与较少的加载时间
- 当我重新加载页面时,我之前的评论消失了——这与本地存储有关
- 我可以订阅openwindow的加载事件吗?
- Jstree:当我重新加载树时,我不能将所有的复选框重置为默认取消选中
- 我可以加载一个新的页面时,有人点击关闭按钮在浏览器上
- 为什么以及如何在console.log中引用变量来修复我遇到的加载错误?
- 我的加载更多的按钮是不显示,尽管一切都是正确的,根据我
- 为什么我的加载更多的按钮后,ajax加载需要另一个点击它之前隐藏,即使没有什么要加载
- 如何优化我的加载JQuery函数
- 为什么我的加载没有'不起作用
- 当加载html与ajax在jQuery,我怎么能确保我的加载gif保持可见的整个时间,直到html已添加