JS实现的自动打字效果示例
本文实例讲述了JS实现的自动打字效果。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>js typing</title>
</head>
<body>
<div id='divTyping'></div>
<script>
var str = 'js 实现的 打字效果，感觉蛮有趣的。';
var i = 0;
function typing(){
var divTyping = document.getElementById('divTyping');
if (i <= str.length) {
divTyping.innerHTML = str.slice(0, i++) + '_';
setTimeout('typing()', 200);//递归调用
}
else{
divTyping.innerHTML = str;//结束打字,移除 _ 光标
}
}
typing();
</script>
</body>
</html>
运行效果图如下：
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
-
本文向大家介绍JS实现的新闻列表自动滚动效果示例，包括了JS实现的新闻列表自动滚动效果示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现的新闻列表自动滚动效果。分享给大家供大家参考，具体如下： 这里使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行效果： 更多关于JavaS
-
本文向大家介绍Js实现滚动变色的文字效果，包括了Js实现滚动变色的文字效果的使用技巧和注意事项，需要的朋友参考一下 Js实现滚动变色的文字效果，在效果展示页面，可看到文字在交替变色显示，以吸引人的注意，效果真心不错哦，把代码拷贝到你的网站后，修改成想要的文字就OK了。 以下是源代码：
-
本文向大家介绍js实现橱窗展示效果，包括了js实现橱窗展示效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js实现橱窗展示的具体代码，供大家参考，具体内容如下 思路 1、获取需要的标签 2、求出滚动条的长度（公式：滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽度） 3、监听鼠标按下事件：3 设置起始位置 4、监听鼠标的移动： 4.1求出移动的位置 4.2判断滚动条
-
本文向大家介绍JS实现的小火箭发射动画效果示例，包括了JS实现的小火箭发射动画效果示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现的小火箭发射动画效果。分享给大家供大家参考，具体如下： 感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试一下运行效果。 更多关于JavaScrip
-
本文向大家介绍JS实现倒计时和文字滚动的效果实例，包括了JS实现倒计时和文字滚动的效果实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现倒计时和文字滚动效果的方法。分享给大家供大家参考。具体实现方法如下： 说明：一般我们在一些淘宝类店铺中会看到一些像搞竞拍之类的活动，从中我们时而会发现一些倒计时的效果，在一些年会等场合我们也会发现一些抽奖活动，从中我们也可以看到一些随即滚动的效果
-
本文向大家介绍JS实现的页面自定义滚动条效果，包括了JS实现的页面自定义滚动条效果的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现的页面自定义滚动条效果。分享给大家供大家参考，具体如下： 这里演示网页上用的滚动条效果，是一个自定义的滚动条代码，除了上下两个箭头以外，滚动条和一般的浏览器基本差不多，鼠标滚轮滚动，滚动条滚动。html结构很简单，mainBox是外层div，conten