【一】title属性
使用 title 属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。
<a href="http://www.baidu.cn" title = "百度的的中文站点">百度网站</a>
如果希望注释多行显示,可以使用 作为换行符。
<a href="http://www.baidu.cn" title = "百度的 中文站点">百度网站</a>
【二】如何能让超链接title中的内容回行? 解决:在title(超链接里的)里需要回行的内容前加上“ ”。 如:测试title中的内容回行 代码: <a href="#" title="第一行内容“ 第二行内容“ 第三行内容" target='_blank'>测试title中的内容回行</a>
【三】超链接title提示浏览器全兼容代码
<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.οnmοuseοver=ShowTag;</SCRIPT>
使用 title 属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。
<a href="http://www.baidu.cn" title = "百度的的中文站点">百度网站</a>
如果希望注释多行显示,可以使用 作为换行符。
<a href="http://www.baidu.cn" title = "百度的 中文站点">百度网站</a>
【二】如何能让超链接title中的内容回行? 解决:在title(超链接里的)里需要回行的内容前加上“ ”。 如:测试title中的内容回行 代码: <a href="#" title="第一行内容“ 第二行内容“ 第三行内容" target='_blank'>测试title中的内容回行</a>
【三】超链接title提示浏览器全兼容代码
<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.οnmοuseοver=ShowTag;</SCRIPT>