图片链接ALT

        今天在做个站，要像迅雷看看（ [url]WWW.KANKAN.XUNLEI.COM[/url]）里面那样，当鼠标滑过图片时，显示出一些概要信息。

        在网上找了好长时间的资料，总算解决掉了，现在把总结一下，：

        用IMG的alt属性做。

        <img src=\'#\'" 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的、、、

 

呵呵，见笑。