实现文本文字的on mouse over |
| |
| 发布时间：2007-4-20 |
原理就是建个层把alt 给覆盖掉用鼠标效果来控制
图片alt 效果
<div id="tip" style="padding:3px 3px 3px 3px;position:absolute;border:1px solid #000000;filter:alpha(opacity=100);background-color:#ffffff"></div>
<a href="#" alt="创想未来<br><img src=’;’;>">鼠标移过来看看是不是有图片呵呵</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> |
| [关闭窗口]
[打印本页] |
|
 |
本栏推荐 |
|
