<style> 
<!-- 

.mouseBeOffMe { 
border-top: 10px solid #000000; 
border-bottom: 10px solid #000000; 
border-left: 6px solid #000000; 
border-right: 10px solid #000000; 
} 

.mouseBeOnMe { 
border-top: 6px solid #000000; 
border-bottom: 14px solid #000000; 
border-left: 10px solid #000000; 
border-right: 6px solid #000000; 
} 

.mouseBeDown { 
border-top: 13px solid #000000; 
border-bottom: 7px solid #000000; 
border-left: 10px solid #000000; 
border-right: 6px solid #000000; 
} 

.mouseBeUp { 
border-top: 10px solid #000000; 
border-bottom: 10px solid #000000; 
border-left: 10px solid #000000; 
border-right: 6px solid #000000; 
} 

//--> 
</style> 
<table border="0" cellpadding="7" cellspacing="0" bgcolor="#000000"> 
<tr> 
<td bgcolor="#000000"> 
<img src = "photo/slideshow1_1.jpg" 
title = "This is the Image One Label" 
width = "90" 
height = "90" 
border = "0" 
class = "mouseBeOffMe" 
onmouseover = "this.className='mouseBeOnMe'" 
onmousedown = "this.className='mouseBeDown'" 
onmouseup = "this.className='mouseBeUp'" 
onmouseout = "this.className='mouseBeOffMe'"> 

<img src = "photo/slideshow1_2.jpg" 
title = "This is the Image Two Label" 
width = "90" 
height = "90" 
border = "0" 
class = "mouseBeOffMe" 
onmouseover = "this.className='mouseBeOnMe'" 
onmousedown = "this.className='mouseBeDown'" 
onmouseup = "this.className='mouseBeUp'" 
onmouseout = "this.className='mouseBeOffMe'"> 

<img src = "photo/slideshow1_3.jpg" 
title = "This is the Image Three Label" 
width = "90" 
height = "90" 
border = "0" 
class = "mouseBeOffMe" 
onmouseover = "this.className='mouseBeOnMe'" 
onmousedown = "this.className='mouseBeDown'" 
onmouseup = "this.className='mouseBeUp'" 
onmouseout = "this.className='mouseBeOffMe'"> 
</td> 
</tr> 
<tr> 
<td bgcolor="#141414" align="center"> 
<font color="#EFE7DF" size="2" face="Arial">鼠標移動到圖片上時圖片會閃動<br> 
點住鼠標左鍵后圖片也會閃動<br> 
松開鼠標左鍵后圖片會恢復正常<br> 
</td> 
</tr> 
</table>