原理就是　建個層　把　alt 給覆蓋掉　用鼠標效果來控制
圖片alt 效果
<div id="tip" style="padding:3px 3px 3px 3px;position:absolute;border:1px solid &#35;000000;filter:alpha(opacity=100);background-color:&#35;ffffff"></div>
<a href="&#35;" alt="我是網管<br><img src=';screen.width*0.5) {this.resized=true; this.width=screen.width*0.5;}" border=0>';>">鼠標移過來看看是不是有圖片呵呵</a> | <a alt="<font color=';red';>創想未來</color>">創想未來</a>
<script>
document.body.onmouseover=function(){
if(typeof(event.srcElement.alt)!=';undefined';&&event.srcElement.alt!=';';){
tip.innerHTML=event.srcElement.alt;tip.style.display=';';
}
else {tip.innerHTML=';';;tip.style.display=';none';
}
}
document.body.onmousemove=function(){
if(typeof(event.srcElement.alt)!=';undefined';&&event.srcElement.alt!=';';){
tip.style.posLeft=event.x+5;tip.style.posTop=event.y+18;
}
}
</script>