JS实现搜索关键字加亮效果

2010-01-15 文章来源：互联网浏览次数：999 分享文章

很早以前就看见Baidu、Google的搜索关键字加亮效果真的很好，也很实用可以对自己定义的搜索页面一目了来，后来发现天天使用的遨游也出了这个功能，再也忍不住了，随处去Baidu搜索了下，发现最近类似的代码出了很多，呵呵，挑个符合现在的页面效果的拿过来用着先吧。

代码如下：

 
<script language="JavaScript">  
function highlight(key) {  
    var key = key.split('|');  
    for (var i=0; i<key.length; i++) {  
        var rng = document.body.createTextRange();  
        while (rng.findText(key[i]))  
        rng.pasteHTML(rng.text.fontcolor('#FF9900'));  
    }  
}  
highlight('中国|浙江|温州')  
</script>

<script language="JavaScript"> 
function highlight(key) { 
    var key = key.split('|'); 
    for (var i=0; i<key.length; i++) { 
        var rng = document.body.createTextRange(); 
        while (rng.findText(key[i])) 
        rng.pasteHTML(rng.text.fontcolor('#FF9900')); 
    } 
} 
highlight('中国|浙江|温州') 
</script>

上一篇：Thickbox3.1弹出层关闭再打开，文本框不能输入，即无法聚焦

下一篇：如何激活ActiveX控件 - 解决Windows XP SP2(KB912945) 出现的问题

JS实现搜索关键字加亮效果

文章评论(查看全部)