注册 | 登录 忘记密码? 51cto首页 | 博客 | 论坛 | 招聘
热点文章 小五思科技术学习笔记之SSH
 帮助

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


2007-08-21 10:22:08
 标签:js 高亮   [推送到技术圈]

   很早以前就看见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>




    文章评论
 
 

发表评论

昵   称:
验证码:  点击图片可刷新验证码  博客过2级,无需填写验证码
内   容: