js/jquery打字机效果/文字渐变效果（文字逐个出现）
以下是一个使用jQuery实现的打字机效果的简单示例代码：
HTML部分：
<div id="typing-text"></div>CSS部分：
#typing-text {
white-space: nowrap;
overflow: hidden;
border-right: 0.2em solid;
}jQuery部分：
$(document).ready(function() {
var text = "这是一个打字机效果的文本。";
var typing = $('#typing-text');
var i = 0;
function type() {
if (i < text.length) {
typing.text(text.substring(0, i++) + '_'); // 使用下划线代替还未显示的字符
setTimeout(type, 150); // 每0.15秒添加一个字符
}
}
type(); // 开始打字机效果
});这段代码会在页面上的<div>元素中逐渐显示出设定好的文本，每个字符之间有0.15秒的间隔，实现了打字机效果。通过将要显示的文本与下划线结合，我们可以在文本完全显示之前创建一个动态的效果。
评论已关闭