这是一款功能齐全的 jQuery 文本高亮动画插件。这个 jQuery 插件可以高亮显示 div 中的文本(或页面中的任何文本)内容,可以使用自定义的颜色轻松突出显示行、段落、单个文字或句子,同时还支持自定义设置标记厚度、绘制速度、延迟和高亮文本的字体粗细程度。
此外,该插件还提供多个选项如下,可方便配置:
选项 | 描述、默认、类型 |
---|---|
color | 此选项可用于设置自定义突出显示颜色。默认值:“#ffee99”,类型:字符串。 $ ('.highlighted' )。markerAnimation ({ color :“#e41b17” ,}); |
thickness | 定义线的粗细。默认值:“0.6em”,类型:字符串 | 数字。 $ ( '.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 , }); |