<script language=javascript> 
function layeron(){ 
        document.layers['layer1'].clip.bottom = 110; 
} 
function layeroff(){ 
        document.layers['layer1'].clip.bottom = 22; 
} 
</script>  
<body> 
<center><h1>A Dropdown List Using Layers</h1></center> 
<LAYER NAME="layer1" LEFT=200 TOP=100 BGCOLOR=#CC9900 WIDTH=100  
CLIP="-2,0,100,22" onMouseOver="layeron();" onMouseOut="layeroff();">  
<img src="bookfolder.gif" width=25 height=18 border=0 alt="Click to see Links"  
align="top"><b>My Links</b><br> 
<font size=-1> 
<img src="bookmark.gif" width=24 height=20 border=0 alt="" align="middle"><A  
HREF="index3.htm">Home Page</A><br> 
<img src="bookmark.gif" width=24 height=20 border=0 alt="" align="middle"><A  
HREF="contents.htm">Contents</A><br> 
<img src="bookmark.gif" width=24 height=20 border=0 align="middle" alt=""><A  
HREF="feedback.htm">Feedback</A><br> 
<img src="bookmark.gif" width=24 height=20 border=0 align="middle" alt=""><A  
HREF="tools.htm">Tools I use</A><br> 
</font> 
</LAYER> 
<layer name="footer+text" left=10 top=230> 
<p>Pass your cursor over 'My links' above. It's not particularly useful, as this script works  
only with Netscape Navigator 4.0 or later. Other browsers will show the list fully  
expanded. </p> 