圖檔連結ALT

        今天在做個站，要像迅雷看看（[url]WWW.KANKAN.XUNLEI.COM[/url]）裡面那樣，當滑鼠滑過圖檔時，顯示出一些概要資訊。

        在網上找了好長時間的資料，總算解決掉了，現在把總結一下，：

        用IMG的alt屬性做。

        <img src="<%=trim(rs("img01"))%>" alt="<table border=0 cellpadding=0 cellspacing=0 ><tr><td width=80px height=25px>姓名：</td><td><%=trim(rslist2("a_001"))%></td></tr><tr><td height=25px>性别：</td><td><%=trim(rslist2("a_002"))%></td></tr><tr><td height=25px>從教時間：</td><td><%=trim(rslist2("a_003"))%></td></tr><tr><td height=25px>畢業院校：</td><td><%=trim(rslist2("a_004"))%></td></tr><tr><td height=25px>專業：</td><td><%=trim(rslist2("a_005"))%></td></tr><tr><td height=25px>學曆：</td><td><%=trim(rslist2("a_006"))%></td></tr></table>"  border="0" >

        想讓ALT裡面的表格顯示，隻寫這個是不夠的，這時候它顯示的是代碼，繼續，

       <div style="visibility:hidden;border:1px solid #CCC;background-color:#E6FBFB;font-size:12px;color:#000;position:absolute;" id=imglay></div>

<script>

document.body.onmousemove=imgalt;

function imglat() {

if (event.srcElement.hint)event.srcElement.alt=event.srcElement.hint;

if(event.srcElement.alt && event.srcElement.alt!='')

{

event.srcElement.hint=event.srcElement.alt;

imglay.style.visibility='visible';

imglay.style.left=event.x+10;

imglay.style.top=event.y+10;

imglay.innerHTML=event.srcElement.hint

event.srcElement.alt="";

}

else imglay.style.visibility='hidden';}

</script>

寫上這個就可以了，

寫上面代碼時要注意，如果你是循環出圖檔的話，這個DIV的代碼一定要寫在循環外，否則會出現頁面錯誤的，達不到想要的效果。

現在剩下的問題就是做不到迅雷看看裡的半透明，簡單，直接在DIV的STYLE裡加濾鏡filter:Alpha(opacity=80);即可。

為了讓alt顯示的更好看，還是需要仔細設定style的、、、

呵呵，見笑。