子雨轩网络

<script language=”JavaScript”>
function XP_Highlight()
{
this.KeyWords = null;

// 格式化关键词
this.formatKeyword = function(content, keyword)
{
keyword = keyword.replace(/(^\s*)|(\s*$)/g, “”);
if(keyword == ”)
return content;
var reg = new RegExp(’('+keyword+’)', ‘gi’);
return content.replace(reg, ‘<em>$1</em>’);
}

// 重绘内容区域
this.refreshContent = function(contentID)
{
var content = $(contentID).html();
for(var i = 0; i < keywords.length; i ++)
{
var strKey = keywords[i].toString();
var arrKey = strKey.split(’，’);
for(var j = 0; j < arrKey.length; j ++)
{
var key = arrKey[j];
content = this.formatKeyword(content, key);
}
}
$(contentID).html(content) ;
}
}

var keywords =
[
['{$keywords}']
];

$(document).ready(function(){
var hl = new XP_Highlight();
hl.keywords = keywords;
hl.refreshContent(’#main’);
});

</script>
<style type=”text/css”>
em { font-size:small; color:#fff; background-color:#FF0000; font-style:normal; }
</style>

给搜索结果加亮，用JS实现

同类别下其它文章

•  CSS
• 记录PHP错误日志


•  javascript
• 微软瞄准Apache IIS7向开源张开双臂


•  WEB前端设计
• 元素 float:right 后右对齐换行原因及解决方法