文字打字机效果,可换字体样式
2017-08-07 12:11
495 查看
<div id="text">你好,欢迎光临,今天是个好日子!</div> <script> $(function() { daziji("#text", 150); //调用打字机函数 }) </script>
js
function daziji(dazijiDiv, dazijiTime) { var text1 = $(dazijiDiv).text(), text2 = text1, lentext = text2.length, textArray = text2.split(""); $(dazijiDiv).empty(); for (i = 0; i < text2.length; i++) { $(dazijiDiv).append('<span style="display:none">' + textArray[i] + '</span>'); } dazijiShow(dazijiDiv, lentext, dazijiTime); } var dazijiN = 0; function dazijiShow(d, e, f) { $(d).children("span").eq(dazijiN).show().css({ color: '#' + Math.floor(Math.random() * 16777215).toString(16) }); if (dazijiN < e) { dazijiN++; setTimeout("dazijiShow('" + d + "'," + e + "," + f + ")", f) } else { dazijiN = 0; setTimeout("dazijiShow('" + d + "'," + e + "," + f + ")", f); }; }
相关文章推荐
- android 设置Spinner文字标题颜色 字体大小样式
- 更改UILabel的字体样式及某段文字中的颜色
- CSS3文字与字体相关样式
- 计算文字在AutoCAD中所占的长度,和字体样式,字高,宽高必有关
- java 用可获取的字体、样式、字号修饰文字
- 1)复选框中文字在左边;2)水平滚动条最小值为4、最大值为72;且在窗体Load事件中通过代码设置;3)单击任何复选框,标签上文字样式都发生变化;4)单击任意单选按钮,标签上文字字体都发生改变;5)拖
- 更改UILabel的字体样式及某段文字中的颜色
- 01-超链接文字的样式(页面效果)
- 用C#将XML中的文字数据写如WORD文档,并控制其格式(包括字体的样式和字体大小)
- iOS 字体的加粗和其他样式的效果
- 文字打字机效果
- 设置Linux shell的输出效果[字体颜色,样式等]
- JS文字打字机效果
- 用C#将XML中的文字数据写如WORD文档,并控制其格式(包括字体的样式和字体大小)
- JTextPane例子,演示为文字设置字体、字号、样式、颜色、背景色和插入图片功能
- 纯css3艺术文字样式效果代码
- CSS3基础(2)—— 文字与字体相关样式、盒子类型、背景与边框相关样式、变形处理、动画功能
- CSS设置字体和文字样式
- html+javascript实现文字的打字机效果
- android 设置Spinner文字标题颜色 字体大小样式