clipdemo.aspx font size:
C# source: clipdemo.aspx   clip.js   center.js   
View Sample
<html>
<head>
<title>Abakada DHTML Demo: Dynamic Clipping Techniques</title>
<link rel="stylesheet" href="/shared/netdemos.css">

<style type="text/css">
<!--
   #theImg { position: absolute; visibility: hidden;
      top: 0; left: 0 }
   td { font: bold 9pt arial }
-->
</style>
<script language="JavaScript1.2" src="center.js"></script>
<script language="JavaScript1.2" src="clip.js"></script>
</head>

<body onload="center ( 'theImg', 0, 0 )">
<!-- #include virtual="~/shared/top.inc" -->

<div class="header"><h2>Abakada DHTML Demo: Dynamic Clipping Techniques</h2></div>
<hr size=1 width=92%>

<br><!-- spacer --><br>

<center>

<table width="100%" border cellpadding=2 cols=3>
<colgroup>
<col width=32%>
<col width=36%>
<col width=32%>
<tr>
   <th>Single Edge Wipes</th>
   <th rowspan="9">
      <img id="theImg" src="../shared/images/samp14.jpg" 
         width=200 height=200 border=0 alt=""></th>
   <th>Dual Edge Wipes</th></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeRightClose, 25 ); void 0">
      Swipe Right Close</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeRightBottomUp, 25 ); void 0">
      Swipe Right Bottom Up</a></td></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeRightOpen, 25 ); void 0">
      Swipe Right Open</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeRightBottomDown, 25 ); void 0">
      Swipe Right Bottom Down</a></td></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeLeftClose, 25 ); void 0">
      Swipe Left Close</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeRightTopDown, 25 ); void 0">
      Swipe Right Top Down</a></td></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeLeftOpen, 25 ); void 0">
      Swipe Left Open</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeRightTopUp, 25 ); void 0">
      Swipe Right Top Up</a></td></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeTopDown, 25 ); void 0">
      Swipe Top Down</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeLeftBottomUp, 25 ); void 0">
      Swipe Left Bottom Up</a></td></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeTopUp, 25 ); void 0">
      Swipe Top Up</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeLeftBottomDown, 25 ); void 0">
      Swipe Left Bottom Down</a></td></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeBottomUp, 25 ); void 0">
      Swipe Bottom Up</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeLeftTopDown, 25 ); void 0">
      Swipe Left Top Down</a></td></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeBottomDown, 25 ); void 0">
      Swipe Bottom Down</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( swipeLeftTopUp, 25 ); void 0">
      Swipe Left Top Up</a></td></tr>
<tr>
   <th colspan=3>Compound Edge Swipes</th></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( openHoriz, 25 ); void 0">
      Open Horizontal</a></td>
   <td align=center><a href="#" 
      onclick="restart ( ); timer=setInterval ( openVert, 25 ); void 0">
      Open Vertical</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( boxOut, 25 ); void 0">
      Open Box Out</a></td></tr>
<tr>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( closeHoriz, 25 ); void 0">
      Close Horizontal</a></td>
   <td align=center><a href="#" 
      onclick="restart ( ); timer=setInterval ( closeVert, 25 ); void 0">
      Close Vertical</a></td>
   <td><a href="#" 
      onclick="restart ( ); timer=setInterval ( boxIn, 25 ); void 0">
      Close Box In</a></td></tr>
</table>

<form>
   <input type="Button" value="Reset" onClick="zilch=1; restart ( )">
</form>

</center>

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

</body>
</html>