步驟 1 - 將以下程式碼加入<html></html>內便可:

<script language="JavaScript">
<!--

// Activate Cloaking Device
// used to track position in message
var i = 0;
// used to cycle thru messages
var TextNumber = -1;
// 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=50;
// used to display message number
var message=0;
// used to position text in ver 2.0
var addPadding="\r\n";

// Each element of TextInput represents a single message.
TextInput[0] = "【Java Applet】本單元是收集一些網頁上相當有用的 Java Applet程式。";
TextInput[1] = "【Javascript】本單元收集一些常用的 Javascript，讓您有初步的概念。";
TextInput[2] = "【免費資源】本單元收集了不少，您在網頁製作使時所必須用到的東東。";
TotalTextInput = 3; // (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=100;
addPadding="";
}

for (var addPause = 0; addPause <= TotalTextInput; addPause++)
{TextInput[addPause]=addPadding+TextInput[addPause];}

var TimerId
var TimerSet=false;

// Called by >>> button (display next message) .
function nextMessage()
{
if (!TimerSet)
{
TimerSet=true;
clearTimeout (TimerId);
if (TextNumber>=TotalTextInput)
{
alert("This is the end of the list!");
TimerSet=false;
}
else
{
TextNumber+=1;
message=TextNumber+1;
document.forms[0].elements[2].value= message;
Text = TextInput[TextNumber];
HelpText = Text;
}
teletype();
}
}

// Gets and displays character from rollMessage() .
// Variable Speed controls length of timeout and thus the speed of typing.
function teletype()
{
if (TimerSet)
{
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 ()
{
i++;
var CheckSpace = HelpText.substring(i-1, i);
CheckSpace = "" + CheckSpace;
if (CheckSpace == " ")
{i++;}
if (i >= HelpText.length+1)
{
TimerSet=false;
Text = HelpText.substring(0, i);

i=0;
return (Text);
}
Text = HelpText.substring(0, i);
return (Text);
}

// Initially called by onLoad in BODY tag to load title.
function initTeleType()
{
Text="\r\n ?D?o?U-±?o?s¥i?Y??§i°TR§";
document.forms[0].elements[0].value=Text;
}

// Called by <<< button (get previous message).
function lastMessage()
{
if (!TimerSet && TextNumber!=-1)
{
TimerSet=true;
clearTimeout (TimerId);
if (TextNumber<=0)
{
alert("This is the beginning of the list!");
TimerSet=false;
}
else
{
TextNumber-=1;
message=TextNumber+1;
document.forms[0].elements[2].value= message;
Text = TextInput[TextNumber];
HelpText = Text;
}
teletype();
}
}

// Deactivate Cloaking
// -->
</script>

<form>
<div align="center"><center><p><font size="6"><textarea name="teletype" rows="4" cols="40" wrap="yes"></textarea> </font></p>
</center></div><div align="center"><center><table border="0" width="250">
<tr>
<td align="center"><font size="6"><input type="button" value="回顧訊息" onclick="lastMessage()"> </font></td>
<td align="center"><font size="6"><input type="text" size="3"> </font></td>
<td align="center"><font size="6"><input type="button" value="瀏覽訊息" onclick="nextMessage()"> </font></td>
</tr>
</table>
</center></div>
</form>



列印網頁內容
Alan Studio PDA