让超链接显示提示信息的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代码

window.open()弹出居中的窗口
window.open()弹出居中的窗口...
2007-02-02
CSS 网页顶部固定工具栏拖动无闪烁实现代码
在天涯社区发现的一个始终固顶工具栏，用CSs代码布局，原先发现有少这样的顶部工具条，但有很多在拖动滚动条的时候有闪烁现象，竟然发现天涯这个没有闪烁，于是花点时间从天涯扒下来，这就是完整的代码
2010-03-03
模仿动画的放大缩小容器
放大缩小容器仿动画首先要兼容IE\FF滴然后有一个环境与条件：必须是使用em单位布局。因为这个是利用字号做缩放效果，并且兼容fontSize各项单位，例如px、cm、pt等。
2008-05-05
一条一条新闻向上的滚动不错
[红色]一条一条新闻向上的滚动不错...
2006-08-08
JavaScript 自动在表格前面增加序号
JavaScript 自动为表格增加序号，也就是不手动添加序号，让JS自动计算出行数，然后为表格的每行自动加一个序号，行号列的数字随TR 的增加自动增加1，我觉得还挺实用吧。
2009-09-09
CSS 布局一个漂亮的滑块
这个是用CSS美化出来的一个漂亮滑块，注意它是一个静态的，没有加入JS,因此不能适时拖动，本示例重点是想表述CSS布局复杂图形的一种方法.
2009-10-10
JS 仿Flash动画放大/缩小容器
JavaScript仿Flash动画放大/缩小Div容器,兼容IE和DOM，设置参数：元素对象、样式特性等,可重复使用,每个容器可以自定义大小，效果也是挺常用的。
2009-10-10
JavaScript 复制功能代码兼容多浏览器
使用JavaScript直接复制指定的内容，经过Opera、Safari、google、Firefox及IE等多个种类浏览器测试，均功能正常.
2009-10-10
JavaScript网页制作特殊效果用随机数
JavaScript网页制作特殊效果用随机数...
2007-05-05
双击滚屏-常用推荐
双击滚屏-常用推荐...
2006-11-11

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具