让超链接显示提示信息的js代码

更新时间：2007年03月08日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>让超链接显示提示信息</title> 
    <script>  
if (!document.layers&&!document.all)  
event="test"  
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){  
document.all.tooltip2.innerHTML="<marquee style='border:1px solid black'>"+text+"</marquee>"  
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10  
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10  
document.all.tooltip2.style.visibility="visible"  
}

else if (document.layers){  
document.tooltip2.document.nstip.document.write("<b>"+text+"</b>")  
document.tooltip2.document.nstip.document.close()  
document.tooltip2.document.nstip.left=0  
currentscroll=setInterval("scrolltip()",100)  
document.tooltip2.left=e.pageX+10  
document.tooltip2.top=e.pageY+10  
document.tooltip2.visibility="show"  
}  
}  
function hidetip2(){  
if (document.all)  
document.all.tooltip2.style.visibility="hidden"  
else if (document.layers){  
clearInterval(currentscroll)  
document.tooltip2.visibility="hidden"  
}  
}

function scrolltip(){  
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)  
document.tooltip2.document.nstip.left-=5  
else  
document.tooltip2.document.nstip.left=150  
}

</script>

</head> 
<body> 
<p>显示静态文本信息</p> 
<a href=https://www.jb51.net title="脚本之家">脚本之家</a>

<p>显示动态文本信息</p> 
<div id="tooltip2"  
style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow"> 
<layer name="nstip" width="1000px" bgColor="lightyellow"> 
</layer>  
</div> 
<a href=https://www.jb51.net onMouseover="showtip2(this,event,'收藏了大量的精品学习资料')" onMouseout="hidetip2()">脚本之家</a>

</body> 
</html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

让超链接显示提示信息的js代码

设为首页加入收藏的js代码
两种方法将当前页设为你浏览器的主页，一种是将你正在浏览的网页设为首页；另一种是将指定网址设为首页，至于你用哪一种，看你的需要了，各有各适用的场合
2006-08-08
一条一条新闻向上的滚动不错
[红色]一条一条新闻向上的滚动不错...
2006-08-08
通过脚本控制指定内容不能被选择
通过脚本控制指定内容不能被选择...
2007-02-02
另类弹出窗口,跳过所有拦截工具
另类弹出窗口,跳过所有拦截工具...
2007-02-02
JS焦点图切换，上下翻转
JS焦点图切换，上下翻转，不妥的地方望指正
2011-05-05
用JavaScript获取网页中的js、css、Flash等文件
用JavaScript获取网页中的js、css、Flash等文件...
2006-12-12
javascript四个方向无间隙滚动合集(多浏览器IE,firefox兼容)
比较有想法的四个方向，多浏览器兼容的无缝隙滚动效果脚本
2008-05-05
添加到收藏夹代码（兼容几乎所有的浏览器）
添加到收藏夹代码（兼容几乎所有的浏览器）...
2007-01-01
飞鱼(shqlsl) javascript作品集
飞鱼(shqlsl) javascript作品集...
2006-12-12
javascript简易动画类(div渐变)
javascript简易动画类宽度渐变高度渐变透明度渐变边框渐变综合渐变
2010-07-07

让超链接显示提示信息的js代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具