利用标记动画突出 div 中的文本 jQuery 插件

    这是一款功能齐全的 jQuery 文本高亮动画插件。这个 jQuery 插件可以高亮显示 div 中的文本(或页面中的任何文本)内容,可以使用自定义的颜色轻松突出显示行、段落、单个文字或句子,同时还支持自定义设置标记厚度、绘制速度、延迟和高亮文本的字体粗细程度。

    此外,该插件还提供多个选项如下,可方便配置:

选项描述、默认、类型
color

此选项可用于设置自定义突出显示颜色。默认值:“#ffee99”,类型:字符串。
可能的值:任何有效的 HTML 颜色代码(十六进制、rgb、hsv 或 hsl)。

$ ('.highlighted' )。markerAnimation ({ 
   color :“#e41b17” ,});
thickness

定义线的粗细。默认值:“0.6em”,类型:字符串 | 数字。
可能的值:在此字符串中传递值(以 px 或 em 为单位)。

$ ( '.highlighted' ). markerAnimation ({
   thickness:“12px” ,});
duration

此选项设置线描动画的持续时间。默认值:“2s”,类型:字符串。

$ ( '.highlighted' ). markerAnimation ({ 
   duration : "2s" , });
delay

设置线条绘制开始前的延迟时间。默认值:“0.1s”,类型:字符串。

$ ( '.highlighted' ). markerAnimation ({
   delay:“2s” ,});
font_weight

设置字符的粗细。默认值:“bold”,类型:String。

$ ( '.highlighted' ). markerAnimation ({ 
   font_weight : “bold” , });
repeat

决定是否重复标记动画。默认值:false,类型:布尔值。

$ ( '.highlighted' ). markerAnimation ({ 
   repeat : true , });
stripe

决定是否使其成为条纹设计。默认值:false,类型:布尔值。

$ ( '.highlighted' ). markerAnimation ({ 
   stripe : false , });
模板目录结构如下:
  • 如非特殊说明,本站对本文提供的代码或者素材不拥有任何权利,其版权归原著者拥有。
  • 以上提供的代码或者素材均为作者提供和网友推荐收集整理而来,仅供学习和研究使用。
  • 如有侵犯你版权的,请来信(邮箱:tongzhewangluo@163.com)指出,核实后,本站将立即改正。
  • 如有链接无法下载、失效或广告,请通过网站提供的微信联系作者!
  • 以上资源售价只是赞助,不代表代码或者素材本身价格。收取费用仅维持本站的服务器开销!
  • 所有代码素材效果均为演示打包,最终效果请参考演示效果,本站不提供任何技术支持和服务。
  • 代码素材均为虚拟物品,演示和描述无错的情况下,无法进行退换服务。