軟件簡介
jQuery Highlighter 是一個用來高亮顯示文本關(guān)鍵字的 jQuery 插件。
功能特定
* 支持同時高亮多個關(guān)鍵字
* 多個關(guān)鍵字之間可以重疊
* 能夠取消高亮關(guān)鍵字
使用方法:
1. Include jQuery and the Highlighter plugin script file in your HTML page:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.highlighter-1.0.0.min.js"></script>
2. In your HTML body create a container tag pair that will hold some text.Give it an id or class attribute (e.g. "News-Pagination"). This attribute can used as the selector for jQuery.
3. Write some text into the previously created container tag, that contain the key words you want to search .
4. Write the JavaScript code in your HTML head:
<script type="text/javascript">
// Some key words that within the previously created container tag.
// Use one space to separate multiple keywords.
var someKeyWords = "......";
$("#div_Text").highlight(someKeyWords);
</script>
5. Use your favorite browser to view this page, you will see the keywords are marked red.
6. If you want to cancel the highlighted keywords or need to highlight keywords several times within the same container tag:
// Highlight key words.
// Note the second argument.
$("#div_Text").highlight(someKeyWords, {needUnhighlight: true});
// Cancel the highlighted keywords.
$("#div_Text").unhighlight();
在線測試頁面:http://xujinnet.github.com/jQuery-Highlighter/jQuery-Highlighter-Test-Page.html