-- text figures

Figure 2 Internet Explorer 4.0 Card


 <HTML>
 <HEAD>
 <STYLE>
 #banner {font-size:44pt; color:green; visibility:hidden}
 </STYLE>
 <BGSOUND SRC=greet.mid LOOP=INFINITE>
 <SCRIPT>
 var numShow = 2;
 var curItem = 0;
 var collBanner;
 function animate() {
     //Hide the first one
     collBanner[curItem].style.visibility = "hidden";
     //Determine the next one to show
     nextItem = (curItem + numShow) % collBanner.length;
     //Show the next one
     collBanner[nextItem].style.visibility = "visible";
     //Continue the animation
     curItem = ++curItem % collBanner.length;
     window.setTimeout("animate()",200);
 }
 function start() {
     collBanner = document.all.item("banner");
     if (numShow > collBanner.length)
         numShow = collBanner.length - 1;
     //Show the first few
     for (i = 0; i < numShow; i++)
         collBanner[i].style.visibility = "visible";
     //Start the animation
     window.setTimeout("animate()",1000);
     
 }
 </SCRIPT>
 </HEAD>
 <BODY onload="start()">
 <IMG SRC=card.jpg><BR>
 <SPAN id=banner>C</SPAN><SPAN id=banner>o</SPAN><SPAN id=banner>n</SPAN><SPAN id=banner>g</SPAN><SPAN id=banner>r</SPAN><SPAN id=banner>a</SPAN><SPAN id=banner>t</SPAN><SPAN id=banner>s </SPAN><IMG id=banner SRC=face.jpg>
 </BODY>
 </HTML>

Figure 3 Netscape Navigator Card


 <HTML>
 <HEAD>
 <STYLE>
 #banner {position:relative;font-size:44pt; color:green; visibility:hidden}
 </STYLE>
 <SCRIPT>
 var numShow = 2;
 var curItem = 0;
 var collBanner;
 
 function animate() {
     //Hide the first one
     collBanner[curItem].visibility = "hide";
     //Determine the next one to show
     nextItem = (curItem + numShow) % collBanner.length;
     //Show the next one
     collBanner[nextItem].visibility = "show";
     //Continue the animation
     curItem = ++curItem % collBanner.length;
     window.setTimeout("animate()",200);
 }
 function start() {
     collBanner = document.layers;
     if (numShow > collBanner.length)
         numShow = collBanner.length - 1;
     //Show the first few
     for (i = 0; i < numShow; i++)
         document.layers[i].visibility = "show";
     //Start the animation
     window.setTimeout("animate()",1000);
 }
 </SCRIPT>
 </HEAD>
 <BODY onload="start()">
 <IMG SRC=card.jpg><BR>
 <SPAN id=banner>C</SPAN><SPAN id=banner>o</SPAN><SPAN id=banner>n</SPAN>
 <SPAN id=banner>g</SPAN><SPAN id=banner>r</SPAN><SPAN id=banner>a</SPAN>
 <SPAN id=banner>t</SPAN><SPAN id=banner>s</SPAN><SPAN id=banner>
 <IMG SRC=face.jpg></SPAN>
 </BODY>
 </HTML>