可控制的打字机效果文本特效__脚本特效

可控制的打字机效果

时间： 2007-11-30 14:10:26　阅读次数：1974

可控制的打字机效果

<html>
<head>
<title>网页特效|www.ffasp.com 飞飞Asp乐园|---自由控制文字输入</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body onLoad="titleDisplay()">
<br>
<br>
<center><font color=red face="隶书" size=6>自由控制文字输入</font></center>
<br>
<center>
<table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr>
<tr><td align=center><SCRIPT>

<!--  Activate Cloaking Device

// used to track position in message

var i = 0;

// used to cycle thru messages

var TextNumber = 0;

// array of messages

var TextInput = new Object();

// used to load manipulate message

var HelpText="";

// used to load message

var Text = "";

// length of timeout (smaller is faster)

var Speed=150;

// added to end of each message to create a pause

var WaitSpace="                "

// used to position text in ver 2.0

var addPadding="\r\n";
// Each element of TextInput represents a single message.

TextInput[0] = "在瞧了金庸先生的封笔之作《鹿鼎记》后，笔者更是颇有些感触.";

TextInput[1] = "坏男孩该是副什么模样呢？也许就如同《鹿鼎记》中的韦小宝一般吧，一个精灵跳脱的小无赖？.";

TextInput[2] = "他能哄就哄，能骗就骗，侠士嘛说不上，高人嘛更是做不得.";

TextInput[3] = "但是，小无赖也罢，坏男孩也罢，这种男孩具有一种让女孩子们不能不接受的求爱精神，即“三疯精神”，叫“猎狗、疯狗、赖皮狗”，物色对象时象猎狗，求爱时像疯狗，耗上了像赖皮狗。";

TextInput[4] = "虽说这提法有些过分偏激之处，却也正点中了要害。如果真的认真按此精神去对付女孩子，恐怕无一幸免了!";

TextInput[5] = "坏男孩到底用了什么手段那么能招人爱呢？这正如雅俗之分.";

TextInput[6] = "雅，好象是高人一等的，所谓“阳春白雪”者；俗，好象是低人一等的，所谓“下里巴人”者也";

TextInput[7] = "然而高人一等者，“国中属而和者不过数十人”；低人一等者，“国中属而和者数千人”。究竟谁高谁低，不可!";

TotalTextInput = 7; // (0, 1, 2, 3, 4, 5, 6, 7)

// Positioning and speed vary between versions.

var Version =  navigator.appVersion;

if (Version.substring(0, 1)==3)

{

Speed=200;

addPadding="";

}

for (var addPause = 0; addPause <= TotalTextInput; addPause++)

{TextInput[addPause]=addPadding+TextInput[addPause]+WaitSpace;}
var TimerId
var TimerSet=false;

// Called by the Start button.

function startMessage()

{

if (!TimerSet)

{

TimerSet=true;

teletype();

}

// Gets and displays character from rollMessage() .

// Variable Speed controls length of timeout and thus the speed of typing.

function teletype()

{

Text=rollMessage();

TimerId = setTimeout("teletype()", Speed)

document.forms[0].elements[0].value=Text;

}

// Pulls one character at a time from string and returns (as Text) to function teletype() for displaying.

function rollMessage ()

{

Wait_yn=false;

i++;

var CheckSpace = HelpText.substring(i-1, i);

CheckSpace = "" + CheckSpace;

if (CheckSpace == " ")

{i++;}

if (i >= HelpText.length+1)

{

i=0;

if (TextNumber < TotalTextInput)

{TextNumber++;}

else {TextNumber = 0;}

initMessage();

}

Text = HelpText.substring(0, i);

return (Text);

}

// Called from onLoad in BODY tag & resetDisplay().

function titleDisplay()

{

document.forms[0].elements[0].value="\r\n                    点开始键文字自动显示";

initMessage();

}

// Sets Text & HelpText equal to messages for use in rollMessage ().

function initMessage()

{

Text = TextInput[TextNumber]

HelpText = Text;

}

// Called by Stop button.

function stopMessage()

{

TimerSet=false;

clearTimeout (TimerId);

}

// Called by Reset button.

function resetDisplay()

{

TimerSet=false;

clearTimeout (TimerId);

TextNumber=0;

i=0;

titleDisplay();

}

// Deactivate Cloaking -->

</SCRIPT>

<!-- hide

function goHist(a)

{

history.go(a);

}

//-->

</script></center>
<br>
<br>
</body>
</html>

提示：您可以先修改部分代码再运行

下一篇飞舞的流行文字

上一篇字幕滚动效果

本栏目最新

栏目最新列表

用层模拟可移动的小窗口

图片间停式无缝滚动

繁简体文字转换工具

点击会高亮的文字

中文文字的多种排列方式，倒排，倒写竖排，

网站优化策划

栏目最新列表

增加网站外链的快速方法

网站上线前必做的30个检查

新的友情链接参考标准（没有google的PR情况

优化Google的AdSense广告的五个工具

王通讲SEO八大基础

站点最新

站点最新列表

微博推广的一些技巧

xhEditor v1.1.7 发布，

收集的一些轻量级非常实

50个新鲜兼容最新版本的

javascript中cookie的设

Excel中出现#VALUE!、#D

jquery插件:飞飞表情插件

十个使用HTML5开发的精彩

支持HTML5的浏览器有哪些

飞妮莫属:漫画：如何写出

历史最热10条信息

MIME介绍及 [1] [2] [3]

巧用Google和迅雷来下载

Transact SQL 常 [1] [2]

VIA Rhine II Fast Ethe

电脑常用端 [1] [2] [3]

Do you get a kick out

十道羊皮卷欣赏+mp3版+

每日一句：A friend and

每日一句：Theres no tu

经典__悟透JavaScript