素材8网-专注前端素材！
来源：https://www.htmlsucai.com/74946.html

基于jQuery的指定文字高亮网页特效

  • 1626
  • 1
  • 0


高亮，输入的文字特效

  1. <script type="text/javascript">
  2.     /* 保存初始测试文本内容 */
  3.     var oldStr=$("#testHtml").html();
  4.     /* 测试按钮点击 */
  5.     $("#replace").click(function () {
  6.         var val=$("#replaceVal").val();
  7.         if(!val){
  8.             alert('请输入需要高亮的内容');
  9.             return;
  10.         }
  11.         /* 插件调用，返回 添加高亮效果 的字符串 */
  12.         var newStr=$.highlight(oldStr,{
  13.             color:'#ea0000',// 高度颜色，默认:#f00
  14.             weight:true,    // 是否加粗，默认:不加粗
  15.             keys:val        //需要高亮的值，必须的
  16.         });
  17.         $("#testHtml").html(newStr);
  18.     });
  19.     /* 执行测试按钮点击事件 */
  20.     $("#replace").click();
  21. </script>
复制代码

本素材被以下收藏专辑推荐:

相关素材
基于jQuery的指定文字高亮网页特效
  • 邋遢大叔 刚刚下载了一个素材
  • 我会发光 刚刚下载了一个素材
  • 港风认证局 刚刚下载了一个素材
  • 小小天然星空 刚刚下载了一个素材
  • ashinTop 刚刚下载了一个素材
  • 尘墨是晶 刚刚下载了一个素材
  • 来和猫猫玩儿 刚刚下载了一个素材
  • 皮噜 刚刚下载了一个素材
  • dy_Ray_zue 刚刚下载了一个素材
  • zerooo 刚刚下载了一个素材
  • 上学的苦谁懂 刚刚下载了一个素材
  • 一五一十一五一十一五一十一五一十一五 刚刚下载了一个素材
  • dy_旧戏书_yz8 刚刚下载了一个素材
  • 笑点 刚刚下载了一个素材
  • gt_回首_fkd4 刚刚下载了一个素材
分享者：
分享者头像
zhihuoban
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2026  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题