html中文字逐显效果,实现逐字逐句显示文字的jQuery插件

您所在的位置:网站首页 css逐字显示 html中文字逐显效果,实现逐字逐句显示文字的jQuery插件

html中文字逐显效果,实现逐字逐句显示文字的jQuery插件

2023-08-12 04:47| 来源: 网络整理| 查看: 265

Letter-by-Letter-JS是一款可以实现逐字逐句显示文字的jQuery插件。通过该插件你可以将一个段落的文字内容一个字一个字的逐一显示。文字的显示可以是打印机效果,也可以设置为淡入淡出效果,同时还可以控制文字的显示速度。

使用方法

首先需要引入jQuery和l-by-l.min.js文件。

HTML结构

你可以在任何HTML容器元素中调用该文字插件。可以是一个

,一个 或是一个段落

元素。

初始化插件

在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该文字插件。

$(".example").lbyl({

content: "Lorem ipsum dolor sit amet..."

});

注意,如果在初始化前,

元素中已经存在一些文字内容,它们会被清除,之后才逐字显示上面的内容。

你也可以在初始化时传入一些参数:

$(".example").lbyl({

content: "Lorem ipsum dolor sit amet...",

speed: 10, //time between each new letter being added

type: 'show', // 'show' or 'fade'

fadeSpeed: 500, // Only relevant when the 'type' is set to 'fade'

finished: fun



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3