推荐10 个短小却超实用的 JavaScript 代码段

你同样会需要取消高亮的函数：

function unhighlight(text, tag) { 
// Default tag if no tag is provided 
tag = tag || 'span'; 
var re = new RegExp('(<'+ tag +'.+?>|)', 'g'); 
return text.replace(re, ''); 
} 

使用方法：

$('p').html( highlight( 
$('p').html(), // the text 
['foo', 'bar', 'baz', 'hello world'], // list of words or phrases to highlight 
'strong' // custom tag 
)); 

4. 文字动效

有时你会希望给你的一段文字增加动效，让其中的每个字都动起来。你可以使用下面这段jQuery插件代码来达到这个效果。当然你需要结合一个CSS3 transition样式来达到更好的效果。

$.fn.animateText = function(delay, klass) {  
var text = this.text();  
var letters = text.split('');  
return this.each(function(){  
var $this = $(this);  
$this.html(text.replace(/./g, '$&'));  
$this.find('span.letter').each(function(i, el){  
setTimeout(function(){ $(el).addClass(klass); }, delay * i);  
});  
});  
}; 

使用方法：

$('p').animateText(15, 'foo'); 

5. 逐个隐藏元素

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!