Js仿打字机输出文字Demo演示
2012-09-15 16:02
393 查看
body{background-color:white; margin: 0 0 0 10px; width:98%; color:black;}
#allHead{display:none;}
#allFoot{display:none;}
#footLine{display:none;}
演示:
d
// var contentout = [];
var content = "ucle, ducle, ducle, ducle...";
contentout = content.substring(0, content.length);
var sub = 0;
var time = 0;
window.onload = function(){input();}
function input(){
for(i = 0; i < contentout.length; i++){
setTimeout("document.getElementById('ID_P_CONTENT').innerHTML+= contentout[sub], sub += 1", time);
time += 100;
}
}
// ]]>
#allHead{display:none;}
#allFoot{display:none;}
#footLine{display:none;}
演示:
d
// var contentout = [];
var content = "ucle, ducle, ducle, ducle...";
contentout = content.substring(0, content.length);
var sub = 0;
var time = 0;
window.onload = function(){input();}
function input(){
for(i = 0; i < contentout.length; i++){
setTimeout("document.getElementById('ID_P_CONTENT').innerHTML+= contentout[sub], sub += 1", time);
time += 100;
}
}
// ]]>
相关文章推荐
- jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
- JS文字打字机效果
- 用Javascript开发《三国志曹操传》-开源讲座(三)-人物对话中,仿打字机输出文字
- 有趣的Javascript:只需一个JS让万恶的IE5、IE6、IE7、IE8全都支持H5原生Canvas绘图(有演示demo)
- Js让人物移动Demo演示
- 用Javascript开发《三国志曹操传》-开源讲座(三)-情景对话中,仿打字机输出文字
- 织梦(dedecms)导航条dropdown.js的改进(附演示demo)
- 用Javascript开发《三国志曹操传》-开源讲座(三)-情景对话中,仿打字机输出文字
- C++ Demo 002 : 让 STL 中的 cout 输出彩色的文字
- JQuery Smart UI 简介 (一) — 纯Htm+Js的ajax开发框架[演示Demo已放出]
- HTML5令文本逐字输出Demo演示
- iOS转前端之JS进阶技巧及Demo演示
- [Js]评价中点星星的演示小demo
- Js让静态人物动起来Demo演示
- 用Javascript开发《三国志曹操传》-零部件开发(三)-人物对话中,仿打字机输出文字
- 文字信息闪烁输出 ---js
- js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
- css/html 打字机效果输出文字
- JQuery Smart UI 简介 (一) — 纯Htm+Js的ajax开发框架[演示Demo已放出]