打开网页时 文本关键字变色
问题:公司有个网页,网页上很多内容,看着眼花。需求:有没有什么方法让我把一些关键字提前输入,然后在我在打开一个网页时,网页上符合关键字的文本内容就变色。(有什么网页插件?...
问题:公司有个网页,网页上很多内容,看着眼花。
需求:有没有什么方法让我把一些关键字提前输入,然后在我在打开一个网页时,网页上符合关键字的文本内容就变色。(有什么网页插件?还是自己写什么代码?)
注:不要CTRL+F 展开
需求:有没有什么方法让我把一些关键字提前输入,然后在我在打开一个网页时,网页上符合关键字的文本内容就变色。(有什么网页插件?还是自己写什么代码?)
注:不要CTRL+F 展开
展开全部
可以使用jcTextHighlighterFilter文字高亮过滤插件,可以实现用户输入字符后页面上指定区域高亮显示,当然此插件也可以部分代替浏览器自带的搜索功能。
1.首先引入所需文件
<script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript" src="jcfilter.min.js"></script>
2.准备好一个输入框
<input type="text" id="filter">
3.启动插件
<script type="text/javascript">
jQuery(document).ready(function({
jQuery("#filter").jcOnPageFilter({
animateHideNShow: true,//是否启用隐藏和显示区域时的动画效果
focusOnLoad:true,//插件启动时是否自动聚焦到输入框
highlightColor:'#FFFF00',//高亮背景色
textColorForHighlights:'#000000',//高亮文字色
caseSensitive:false,//是否区分大小写
hideNegatives:true,//是否不显示无结果的区域
parentLookupClass:'jcorgFilterTextParent',//元素的父框架Class,如果子元素中无结果则隐藏整个框架
childBlockClass:'jcorgFilterTextChild'//要在哪些元素中显示,元素Class名
}); });
</script>
1.首先引入所需文件
<script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript" src="jcfilter.min.js"></script>
2.准备好一个输入框
<input type="text" id="filter">
3.启动插件
<script type="text/javascript">
jQuery(document).ready(function({
jQuery("#filter").jcOnPageFilter({
animateHideNShow: true,//是否启用隐藏和显示区域时的动画效果
focusOnLoad:true,//插件启动时是否自动聚焦到输入框
highlightColor:'#FFFF00',//高亮背景色
textColorForHighlights:'#000000',//高亮文字色
caseSensitive:false,//是否区分大小写
hideNegatives:true,//是否不显示无结果的区域
parentLookupClass:'jcorgFilterTextParent',//元素的父框架Class,如果子元素中无结果则隐藏整个框架
childBlockClass:'jcorgFilterTextChild'//要在哪些元素中显示,元素Class名
}); });
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询