Javascript文本特效示例：[1]自动打字输出

来源：互联网 2023-03-17 00:48:04 123

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

工具/原料

txt文本文档或者 HTML文档/

方法/步骤

在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。

html>

head>

title>晓博JavaScript特效测试/title>

/head>

body>

div id="zy">

div id="login">/div>

div id="daohang">

ul>

li>a href="index.html">首页/a>/li>

li>a href="jianjie.html">七夕简介/a>/li>

li>a href="#">七夕节传说/a>/li>

li>a href="#">七夕节习俗/a>/li>

li>a href="#">诗词& 歌谣/a>/li>

li>a href="#">七夕节寄语/a>/li>

/ul>

/div>

/body>

/html>

Javascript文本特效示例：[1]自动打字输出

第一步:把如下代码加入head>区域中

SCRIPT LANGUAGE="JavaScript">

!-- Original: Tarjei Davidsen (the@rescueteam.com) -->

!-- This script and many more are available free online at -->

!-- The JavaScript Source!! http://javascript.internet.com -->

!-- Begin

var max=0;

function textlist() {

max=textlist.arguments.length;

for (i=0; imax; i )

this[i]=textlist.arguments[i];

}

tl = new textlist(

" 晓博js特效测试程序是作者在学习实践中的一个总结过程",

"Designed by 1wangxiaobo@163.com",

"^^^^^^^^^^^^^^Henan University of Economics and Law^^^^^^^^^^^^^^^^^",

"欢迎来交流，作者的百度空间是:hi.baidu.com/yedeqixian",

);

var x = 0; pos = 0;

var l = tl[0].length;

function textticker() {

document.tickform.tickfield.value = tl[x].substring(0, pos) "_";

if(pos == l) {

pos = 0;

setTimeout("textticker()", 2000);

if( x == max) x = 0;

l = tl[x].length;

} else

setTimeout("textticker()", 50);

}

// End -->

/script>

/HEAD>

第二步:把如下代码加入body>区域中

form name=tickform>

textarea name=tickfield rows=3 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>The news will appear here when the page has finished loading./textarea>

/form>

3此文章未经许可获取自百度经验

第三步:把body>改为,并重名文档为HTML文件

body bgcolor="#fef4d9" OnLoad="textticker()">

用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到文本自动输出特效。

Javascript文本特效示例：[1]自动打字输出

(共篇)下一篇：

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JAVASCRIPT

上一篇：十款最新的JavaScript开发工具下一篇：Javascript脚本特效示例：[37]计算出生时间

Javascript文本特效示例：[1]自动打字输出

工具/原料

方法/步骤

热门文章

标签列表