仿百度搜索结果中关键字变色效果代码,JS代码库,德仔网

代码语言

代码分类

【JS】仿百度搜索结果中关键字变色效果

作者:Dezai.CN / 发布于2013/10/31/ 533


	<script type="text/javascript">
	$(function() {
	$("#btn_1").click(function() {
	var $keyword = $("#Text1").val()
	setHeightKeyWord('bbb', $keyword, 'Red', true)
	});
	});
	function setHeightKeyWord(id, keyword, color, bold) {
	if (keyword == "")
	return;
	var tempHTML = $("#" + id).html();
	var htmlReg = new RegExp("\<.*?\>", "i");
	var arrA = new Array();
	for (var i = 0; true; i++) {
	var m = htmlReg.exec(tempHTML);
	if (m) {
	arrA[i] = m;
	}
	else {
	break;
	}
	tempHTML = tempHTML.replace(m, "[[[[" + i + "]]]]");
	}
	var replaceText
	if (bold)
	replaceText = "<b style='color:" + color + ";'>$1</b>";
	else
	replaceText = "<font style='color:" + color + ";'>$1</font>";
	var arrayWord = keyword.split(',');
	for (var w = 0; w < arrayWord.length; w++) {
	var r = new RegExp("(" + arrayWord[w].replace(/[(){}.+*?^$|\\\[\]]/g, "\\$&") + ")", "ig");
	tempHTML = tempHTML.replace(r, replaceText);
	}
	for (var i = 0; i < arrA.length; i++) {
	tempHTML = tempHTML.replace("[[[[" + i + "]]]]", arrA[i]);
	}
	$("#" + id).html(tempHTML);
	}
	</script>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　关键字变色　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)