现在入驻立享优惠!详情咨询客服>> QQ:115904045 QQ群:160457583 VIP群:540574329

您当前的位置:首页>>CSS教程>>PbootCMS教程

【腾讯云】爆款1核2G云服务器首年48元,还有iPad Pro、Bose耳机、京东卡等你来抽! 爆款云产品,新客特惠全年最低价,云服务器低至0.4折起

PBootCMS搜索关键字高亮

来源:超级管理员 发布时间:2021-11-30 热度:1273 ℃

搜索关键字高亮只要加载一个高亮的JS就可以实现,网上会有很多高亮的插件

这里就简单讲解下

首先就是下载一个高亮的js就是案例演示里面的highlight.js

在搜索模板里面加这个高亮JS

<script src="{pboot:sitepath}/skin/js/highlight.js" ></script>

www.dtmb.wang/skin/js/highlight.js

然后在正文下面添加调用代码

<script type="text/javascript">
    $(function() {
    var otext = '{$get.keyword}' ;//这里使用这个万能标签来调用搜索关键字
    $('.goods_title h3').GL({      //.content这个是文本的框架样式
        ocolor:'red',   //设置关键词高亮颜色
        oshuru:otext   //设置要显示的关键词
    });
    });
  </script>

注意:

高亮的文字是添加<span>标签,可能标签样式会有冲突,具体情况自行修改highlight.js


搜索结果如下:

QQ截图20211130225004.png

  • 文章标题:PBootCMS搜索关键字高亮
  • 文章标签: 更多
  • 版权声明:本文为CMS圈所分享发布内容,部分为网络转载,如有侵权请立即联系我们,我们第一时间删除并致歉!

发表评论:

评论记录:

未查询到任何数据!