Question

百度搜索的关键字变红是怎么做的，现在在做网站，想做这种效果。。。

Answer 1

自己做的话，可以通过正则表达式，筛选出关键字，用标签将关键字包起来单独设置样式。

追问

不好意是，正则表达式我不怎么会，能给我举个例子吗

追答

简单的例子，具体的还是看你的需求了。

<input type="text" value="" id="keyWord"><a href="javascript:;" class="search">搜索</a>
<div class="text">
就是我在搜索框里面就是个关键字然后点击搜索然后它会出现对应的标题内容标题内容这样的，可是下去然后我需要，如果说我这个关键字的标题或者内容中有出现我就把它显示出来，但是我就是要做关键字然后在标题或者说内容这里，如果说出现了这个，关键是就把这关键字标红；
</div>
<script>
var str = $('.text').html();
$('.search').click(function(){
var keywords = $('#keyWord').val();
var reg = new RegExp(""+keywords+"","g");
var result = str.replace(reg,"<font style='color:#F00;font-weight:700;'>"+keywords+"</font>");
$('.text').html(result);
})
</script>

Answer 2

你的网站标题中有这个搜索词在结果中自然会变红

追问

没有啊

追答

不理解你的意思了，能上图么

追问

不好意思，上不了啊

你好？

追答

理解不了你的意思了，回答不了了