jQuery指定內容關鍵詞文字高亮顯示代碼

來源:http://www.xdpitk.live/js/4410.html 2019-06-08 12:07瀏覽(186) 收藏

jQuery指定內容關鍵詞文字高亮顯示代碼,輸入關鍵詞對指定段落內容查找高亮顯示效果,支持多個關鍵詞查找,用“|”隔開。注意:區分大小寫字母。
jQuery指定內容關鍵詞文字高亮顯示代碼
分類:文字特效 > jQuery插件 難易:初級
查看演示 下載資源: 9 下載資源 下載積分: 30 積分

js代碼

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/highlight.js"></script>
<script type="text/javascript">
    /* 保存初始測試文本內容 */
    var oldStr=$("#testHtml").html();
    /* 測試按鈕點擊 */
    $("#replace").click(function () {
        var val=$("#replaceVal").val();
        if(!val){
            alert('請輸入需要高亮的內容');
            return;
        }
        /* 插件調用,返回 添加高亮效果 的字符串 */
        var newStr=$.highlight(oldStr,{
            color:'#ea0000',// 高度顏色,默認:#f00
            weight:true,    // 是否加粗,默認:不加粗
            keys:val        //需要高亮的值,必須的
        });
        $("#testHtml").html(newStr);
    });
    /* 執行測試按鈕點擊事件 */
    $("#replace").click();
</script>
評論1
頭像

系統已開啟自動識別垃圾評論機制,識別到的自動封號,下載出錯或者資源有問題請聯系全棧客服QQ 416148489

  • 頭像 沙發
    06-11 22:24
    小***小
    值得下載啊!壞笑可以達到優化效果
1 2
重庆百变王牌app