content;?> ...">
美文网首页
mark.js文章关键字高亮插件使用

mark.js文章关键字高亮插件使用

作者: 程序员的自我修养 | 来源:发表于2020-05-29 09:04 被阅读0次

    <html>

    <input type="hidden" name="keyword" value="<?php echo $result->highlight_keywords; ?>">

    <div class="sec_main">

         <?phh echo $result->content;?>

    </div><!-- section main end -->

    <js>

    <script src="/static/js/jquery.mark.min.js"></script>

    <script>

       $(function() {

           var keyword = $("input[name='keyword']").val();

           var options = {

               "className": "match"

           };

           $(".sec_main").mark(keyword,options);

       });

    </script>

    高亮文字的样式设置

    <css>

    .match{

         color:red;

    }

    相关文章

      网友评论

          本文标题:mark.js文章关键字高亮插件使用

          本文链接:https://www.haomeiwen.com/subject/sfcuohtx.html