chgText.aspx font size:
View Sample
<html>
<head>
<title>Abakada DHTML Demo: Changing an Element's Content</title>
<link rel="stylesheet" href="/shared/netdemos.css">

<style type="text/css">
<!--
   th { color: #cc9; background: #456 }
   .menus { padding: 10 }
   .menus p { margin-left: 0; margin-right: 0;
      text-indent: 0; text-align: right }
-->
</style>

<script language="JavaScript">
<!--
var dom = ( ( navigator.userAgent.indexOf ("Edg") > -1 ) ||
   ( navigator.userAgent.indexOf ("Chrome") > -1 ) ||
   ( navigator.userAgent.indexOf ("Firefox") > -1 ) );

var blurbs = new Array ( );
blurbs [ 0 ] = "Learn how to set up a document, add page elements, hyperlinks, images, tables, more ..."
blurbs [ 1 ] = "Learn about style sheets, how to format text and objects, apply colors, backgrounds, margins, borders, more ..."
blurbs [ 2 ] = "Learn basic form design, how to add input controls, validate form fields, submit forms, more ..."
blurbs [ 3 ] = "Learn how to easily apply multimedia effects using visual filters and transitions, more ..."
blurbs [ 4 ] = "Learn about creating dynamic pages, how to handle events, add or replace content, apply dynamic styles, control visibility, position objects, more ..."
blurbs [ 5 ] = "Learn how to write useful scripts for menus, popups, validation, browser detect, dates, timers, more ..."

function chgText ( what ) {
if ( dom ) document.getElementById ( 'info' ).childNodes [ 0 ].nodeValue = what;
else
   alert ( 'Sorry, your browser does not support \n changing element content.' );
}
//-->
</script>
</head>

<body>
<!-- #include virtual="~/shared/top.inc" -->

<div class="header"><h2>Abakada DHTML Demo: Changing an Element�s Content</h2></div>
<hr size=1 width=92%>

<center>

<table width="80%" border=0 cellspacing="1" cellpadding="10">
<col width=40%>
<col width=60%>
<tr align="right">
   <th>Topics</th>
   <th>Contents</th></tr>
<tr bgcolor="#eeeeee">
   <td class="menus">
   <p><a href="#" onmouseover="chgText ( blurbs [ 0 ] ); status=this.innerText; return true">Basic HTML How to</a></p>
   <p><a href="#" onmouseover="chgText ( blurbs [ 1 ] ); status=this.innerText; return true">CSS How to</a></p>
   <p><a href="#" onmouseover="chgText ( blurbs [ 2 ] ); status=this.innerText; return true">HTML Forms How to</a></p>
   <p><a href="#" onmouseover="chgText ( blurbs [ 3 ] ); status=this.innerText; return true">CSS Filters How to</a></p>
   <p><a href="#" onmouseover="chgText ( blurbs [ 4 ] ); status=this.innerText; return true">Dynamic HTML How to</a></p>
   <p><a href="#" onmouseover="chgText ( blurbs [ 5 ] ); status=this.innerText; return true">JavaScript How to</a></p></td>
   <td style="background: #ddc">
      <ilayer id="outer" width=300 height=125><layer id="inner" width=300 height=125>
      <div id="info" align="center">To see each chapter�s contents, place your mouse over each link</div>
      </layer></ilayer></td></tr>
</table>

</center>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>