jQuery实现高亮显示网页关键词的方法

本文实例讲述了jQuery实现高亮显示网页关键词的方法。分享给大家供大家参考。具体如下：

这是一款基于jquery实现的高亮显示网页上搜索关键词的代码，当你在文本框中输入的时候，如果下面的正文中包括你输入的内容，也就是关键字，那么这些关键字是会高亮显示的，被动态添加成黄色，看上去很醒目，就像百度快照显示关键词的样子。

运行效果如下图所示：

具体代码如下：

.highlight {
  background-color: #fff34d;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px; 
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); 
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); 
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); 
}
.highlight {
  padding:1px 4px;
  margin:0 -4px;
}



Search: 
This can include web design, web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social ntwork services.
(Text from Wikipedia)

希望本文所述对大家的jquery程序设计有所帮助。