<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><meta http-equiv="content-type" content="text/html; charset=big5"><script type="text/javascript">
function getX( oElement ){
var iReturnValue = 0;
//if( oElement != null ) {

    iReturnValue += oElement.offsetLeft;
    //alert(oElement.offsetLeft);
//oElement = oElement.offsetParent;

//}
  //alert(iReturnValue);
  return iReturnValue;
}function getY( oElement ){
var iReturnValue = 0;
//if( oElement != null ) {
iReturnValue += oElement.offsetTop;
//oElement = oElement.offsetParent;
  //}
//alert(iReturnValue);
//}
return iReturnValue;
}</script>
<style>
#FriendList table{
width: 250px;
FONT-SIZE: 12px; 
FONT-FAMILY: MS Shell Dlg;
}
#FriendList td {
word-break:break-all;
}#FriendList .Title {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 12px;
font-weight: normal;
word-break:break-all;
filter: Alpha(Opacity=85, FinishOpacity=80);
border-collapse:collapse;
/*filter: Alpha(Opacity=80, FinishOpacity=30, Style=1, StartX=1, 
StartY=1, FinishX=100, FinishY=100);*/
}
#FriendList .ShowDiv {
display: block;
position:absolute;
z-index:1;
}/* z-index 好似圖層, 即元件show的上下次序 */
#FriendList .HiddenDiv {
display: none;
position:absolute;
z-index:1;

}
</style>
<script>
function ShowFD(div, Object, Width){
x = getX(Object);
y = getY(Object); ImgWidth = Object.width;
ImgHeight = Object.height; if (document.body.clientWidth>(x + Width + 100)){
div.style.left=x + ImgWidth/2 + 10;
}
else{ div.style.left=x - ImgWidth/2;
}

if (document.body.clientHeight>(y + ImgHeight/2)){
div.style.top=y + ImgHeight/2;
}
else{
div.style.top=y - ImgHeight/2;
}
div.className='ShowDiv';
}
function a(){
alert('d');
}
</script>
<img src="http://www.google.com/intl/zh-TW_ALL/images/logo.gif" border="0" 
onmousemove="ShowFD(div137, this, 200);" 
onmouseout="javascript:div137.className='HiddenDiv';">
<div id="FriendList">
<div id="div137" class="HiddenDiv" width="200"> 
<table  border="1" bgcolor="#e6ecfa" class="Title"
onmouseover="javascript:div137.className='ShowDiv';" 
onmouseout=javascript:div137.className='HiddenDiv';>

<tr> 
<td bgcolor="#dee7fc">
Nothing is impossible.<br>想一个人很寂寞。
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>废弃小屋</td>
<td>
<div align="right">一滩死水</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div><br><br><br>
<center>
<a href="http://www.yahoo.com" style="cursor:hand"  onmousemove="ShowFD(div137, this, 200);" onmouseout="javascript:div137.className='HiddenDiv';">偷天换日的手段</a></center>