超链接title提示浏览器全兼容代码

最新推荐文章于 2025-04-13 10:19:16 发布

转载最新推荐文章于 2025-04-13 10:19:16 发布 · 1k 阅读

文章标签：

#浏览器 #transition #filter #function #null

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的鼠标悬停显示提示信息的效果。通过修改页面元素的样式并利用JavaScript捕捉鼠标位置来动态显示提示文本，提高了用户体验。文章详细解释了如何设置元素样式、捕获鼠标事件及调整提示框的位置。

<SCRIPT type=text/javascript>
document.write("<style type='text/css'>#Tag {display:block;font:12px Tahoma,Verdana;background-color:#FFC;border:1px #000 solid;padding:3px;position:absolute;z-index:1000;visibility:hidden}</style>");
document.write("<tt id='Tag' style='filter:blendtrans(duration=.2) revealTrans(duration=.1,transition=12) alpha(opacity=90,enabled=1);-moz-opacity:0.9'></tt>");
var sPop = null;
function ShowTag(e){
if(e){o=e.target;MouseX=e.pageX;MouseY=e.pageY} else{o=event.srcElement;MouseX=event.x;MouseY=event.y}
if(o.alt){o.pop=o.alt;o.alt="";} if(o.title){o.pop=o.title;o.title="";} if(o.pop){o.pop=o.pop.replace(//n/g,"<br />");}
if(o.pop!=sPop){sPop=o.pop;if(sPop){
obj=(document.all)? Tag : document.getElementById("Tag");
obj.innerHTML=o.pop;iebody=document.body;
objWidth=obj.offsetWidth;objHeight=obj.offsetHeight;
popLeftAdjust=(MouseX+12+objWidth>iebody.clientWidth)?(-objWidth-24):0;
popTopAdjust=(MouseY+12+objHeight>iebody.clientHeight)?(-objHeight-24):0;
obj.style.left=MouseX+12+iebody.scrollLeft+popLeftAdjust;
obj.style.top=MouseY+12+iebody.scrollTop+popTopAdjust;
if(obj.filters && obj.filters.length!=0){obj.filters[1].apply();obj.style.visibility="visible";obj.filters[1].play()} else obj.style.visibility="visible";}
else{if(obj.filters && obj.filters.length!=0){obj.filters[0].apply();obj.style.visibility="hidden";obj.filters[0].play()} else obj.style.visibility="hidden";}
}}
document.onmouseover=ShowTag;
</SCRIPT>