您的位置:首頁源碼下載JavaScript代碼

jQuery Highlighter v1.0下載

授權(quán)形式: 免費版
更新時間: 2010-10-24 16:21:53
軟件語言: 英文
軟件平臺: Windows,Linux
軟件類別: 程序源碼
文件大。 5.1K
評論等級: ★★★☆☆
下載次數(shù): 0(今日:,本周:,本月:

軟件簡介

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

贊助商鏈接: