利用标记动画突出 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 , });
模板目录结构如下: