<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>jQuery查找关键词文字高亮显示代码</title>
</head>
<body><script src="/demos/googlegg.js"></script>
<h1>关键词高亮显示</h1>
<p class="text">我是测试文字，测试高亮功能</p>
<p class="text">我是测试文字，测试高亮功能，点击按钮测试吧</p>
<p class="text">我是测试文字，测试高亮功能</p>
<p class="text">我是测试文字，测试高亮功能，点击按钮测试吧</p>
<p class="text">我是测试文字，测试高亮功能</p>
<p class="text">我是测试文字，测试高亮功能，点击按钮测试吧</p>
<input type="text" value="高亮">
<button class="one">点我</button>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/gaoliang.js"></script>
<script type="text/javascript">
$(".one").click(function () {
var otext = $("input").val();
$('.text').GL({
ocolor:'red', //设置关键词高亮颜色
oshuru:otext //设置要显示的关键词
});
})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源：<a href="http://www.lanrenzhijia.com" target="_blank">懒人</a></p>
</div>
</body>
</html>
