預覽圖
<script type="text/javascript">
vn = "Microsoft Internet Explorer";
function overTip(boxObj,ImgObj) {
obj_style = document.getElementById(boxObj);
obj_style.style.display = 'block';
document.getElementById("BigImg").src=document.getElementById(ImgObj).src;
}
function outTip(boxObj) {
obj_style = document.getElementById(boxObj);
if(navigator.appName == vn) {
obj_style.style.display = 'block';
}
obj_style.style.display = 'none';
}
function DivDraw(e){
x_out=32; // 與游標座標之水平距離
y_out=32; // 與游標座標之垂直距離
if(document.body.scrollTop && document.body.scrollTop !=0){
dbst=document.body.scrollTop;
dbsl=document.body.scrollLeft;
}
else{
dbst=document.getElementsByTagName("html")[0].scrollTop;
dbsl=document.getElementsByTagName("html")[0].scrollLeft;
}
dgs=document.getElementById("sw01").style;
y=e.clientY;x=e.clientX;
dgs.top=y+dbst+y_out+"px";
dgs.left=x+dbsl+x_out+"px";
}
</script>
<html onmousemove="DivDraw(event)" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title><?php echo $row_socialdata['social_topic']; ?></title>
<style type="text/css">
<!--
div.sw { position: absolute; z-index: 1;display:none; }
div.preview { filter: Alpha(Opacity=90); -moz-opacity: 0.9; opacity: 0.9; background-color: #fffce6; border: 2px solid #cbbc96; width: auto; height:auto;padding:3px 3px 3px 3px;}
-->
</style>
<a href="" target="_blank"></a>
<img src="/img/chat.png" id="SImg" border="0" alt="""" onmouseover="overTip('sw01',this.id)" onmouseout="outTip('sw01',this.id)" />
<a href="" target="_blank"></a>
<img src="/img/doc.png" id="SSImg" border="0" alt="""" onmouseover="overTip('sw01',this.id)" onmouseout="outTip('sw01',this.id)" />
<a href="" target="_blank"></a>
<img src="/img/gear.png" id="SSSImg" border="0" alt="""" onmouseover="overTip('sw01',this.id)" onmouseout="outTip('sw01',this.id)" />
<div id="sw01" class="sw">
<div class="preview">
<img src="" border="0" alt="" id="BigImg" width="150px" height="100px" />
</div>
</div>
