实现文本文字的on mouse over
2007-09-25   网络

原理就是　建个层　把　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>